*{
	box-sizing: border-box;
}

html{
	background-color: #fff;
	font-family: Courier, serif;
}

h2{
	color: #db6980;
	text-align: center;
}



p{
	color: #000;
	text-align: center;
}

a{
	text-decoration: none;
	color: #db6980;
	font-size: 18px;
	
}

li{
 list-style:none;
 color: #f0f4f5;
}
img{
	max-width: 80%;
}
.head{
	text-align: center;

	text-shadow: -5px 10px 10px #2A2437;
}
/*NAV*/
.nav{
	display: flex;
	flex-direction: row;
	justify-content: center; 	
}

.navlink {
	padding:10px;
	margin:10px;
	max-width:150px;
	font-size: 18px;
	
	background-color:#0a2e38;
	border-radius:5px;
	border:1px solid #db6980;
	box-shadow: -4px 8px 10px #2A2437;

}


.navlink:hover{
  color:#a63562;
  background-color:#0A243B;
}

button {
  padding:10px;
	margin:10px;
	max-width:150px;
	font-size: 18px;
	color: #db6980;
	
	background-color:#0a2e38;
	border-radius:5px;
	border:1px solid #db6980;
	box-shadow: -4px 8px 10px #2A2437;
  
}
/*END NAV*/

/*zines*/
.singlecol{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
}
.singlecol img{
	display: block;
	margin-right: auto;
	margin-left: auto;
}

/*RANDOM CLASSES*/
.center{
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
/*RANDOM CLASSES*/