body {
background: linear-gradient(pink, lightblue, lightyellow);
min-height: 100vh;
font-family: garamond, serif;
margin: 30px auto;
max-width: 700px;
}

h1 {
text-align: center;
}

h2 {
margin-top: 5px;
text-align:center;
}

p {
font-size: 19px;
}

li {
text-align:left;
}

blockquote {
border: 3px solid #fcabcb;
background: rgba(255,255,255,0.5);
text-align: center;
padding: 10px;
}

hr {
color: black;
}


.navbutton {
border-width: 3px;
border-style: solid;
border-color: lightyellow lightpink lightblue lightpink;
color:black;
text-decoration:none;
border-radius: 50px;
position: relative;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
background: #fcdef7;
box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
transition-duration: 0.3s;
margin:auto;
}

.navbutton:hover {
background-color: lightpink;
}

.navbar {
white-space: nowrap;
align-items:center;
display:flex;
}

.gameliststyle {
border: 3px solid #fcabcb;
background: rgba(255,255,255,0.5);
}

.books {
	width:18%;
	height:auto;
    margin:0px;
    text-align:center;
    padding:5px;
}

.boxed {
border: 3px solid #fcabcb;
background: rgba(255,255,255,0.5);
text-align: center;
padding: 10px;
}

.thumbnails {
width:49%;
height:auto;
transition-duration: 0.3s;
}

.thumbnails:hover {
box-shadow:0 8px 16px 0 rgba(0,0,0,0.6)
}

.vidSeries {
background:rgba(255,255,255,0.4);
border: 5px solid pink;
border-radius:10px;
padding: 10px;
margin:10px;
}

.zines {
width:80%;
height:auto;
}

.headerBly {
width:50px;
height:auto;
}

.blubbly {
border: 3px solid #fcabcb;
background: rgba(255,255,255,0.5);
text-align: center;
padding: 10px;
border-radius: 50px;
}

.shrinelist {
border-left: 3px solid hotpink;
border-radius:10px;
padding: 20px;
}