body {
	margin: 0;
	padding: 0;
	z-index: 1;
	background-image: url('background.jpeg');
}
a, a:visited {
	font-family:courier new;
	color: #41CCE9; 
	text-decoration:none;
	font-size: 120%;
}
a:hover {
	color: yellow;
	text-decoration: underline;
}
.wattpad {
	color: #ff6;
	font-weight: normal;
	font-family: "News Cycle", sans-serif;
	letter-spacing:.15em;
	font-size: 150%;
	text-align: center;
	text-decoration: underline;
}

h1 { 
	color: #ff6;
	font-weight: normal;
	font-family: "News Cycle", sans-serif;
	letter-spacing:.15em;
	font-size: 150%;
}

h2 { 
	font-weight: normal;
	color:blue;
	font-family: courier new;
}
.logo {
	width: 100%;
	height: auto;
	min-height: .9in;
	min-width: 100%;
}
.everlasting {
	width: 100%;
	height: auto;
	min-height: 1.3in;
	min-width: 100%;
}
.grid-container {
	margin: auto;
	width: 50%;
	display: grid;
	grid-template-columns: auto 50%
}
@media (max-width: 1100px) {
	.grid-container {
	margin-left: 20%;
	margin-left: 20%;
	width: 60%;
	display: grid;
	grid-template-columns: auto 50%;
	}
}
@media (max-width: 800px) {
	.grid-container {
	margin-left: 15%;
	margin-left: 15%;
	width: 70%;
	display: grid;
	grid-template-columns: auto 45%
}
}
@media (max-width: 600px) {
	.grid-container {
	margin-left: 0%;
	margin-left: 0%;
	width: 100%;
	display: grid;
	grid-template-columns: auto 40%
}
	.grid-logo {
	display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(65, 204, 233, 1);
  padding: 0px;
  text-align: center;
		
	}
	.grid-pink {
	display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(65, 204, 233, 1);
  padding: 0px;
  text-align: center;
		
	}
	.grid-red {
 display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(251, 0, 6, 1);
  padding: 0px;
  text-align: center;
}
a, a:visited {
	font-family:courier new;
	color: #41CCE9; 
	text-decoration:none;
	font-size: 100%;
}
h1 { 
	color: #ff6;
	font-weight: normal;
	font-family: "News Cycle", sans-serif;
	letter-spacing:.15em;
	font-size: 100%;
}
}
.grid-logo {
 display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(65, 204, 233, 1);
  padding: 20px;
  text-align: center;

}
.grid-pink {
 display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(234, 0, 231, 1);
  padding: 20px;
  text-align: center;

}
.grid-red {
 display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(251, 0, 6, 1);
  padding: 20px;
  text-align: center;

}
.grid-text {
display: flex;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(65, 204, 233, 1);
	padding: 5px;
	font-family: courier new;
	font-size: 1em;
	text-align: left;
}