body {
margin: 0;
background-color: #000000;
background-image: url('images/bolts_pattern.png');
background-size: 600px 600px;
}

.container {
width: 800px;
min-height: 900px;
margin: -10px auto -10px auto;
position:relative;
background-color: white;
padding-left: 100px;
padding-right: 100px;
padding-top: 50px;
padding-bottom: 20px;
}

.logo {
width: 1000px;
height: 250px;
/* transform: scale(.9);*/
margin-top: -40px;
margin-left: -100px;
margin-bottom: 20px;
top:0px;
background-color: #000000;
/* background: rgba(0,0,0,0.5);*/


}

nav {
font-family: sans-serif;
font-size:  16px;
text-align: center;
color: #3a3a3a;
}

footer {
width: 800px;
height: 40px;
line-height: 40px;
margin: 0 auto 0 auto;
padding-top: 20px;
padding-left: 100px;
padding-right: 100px;
text-align: center;
vertical-align: middle;
background-color: white;
font-family: sans-serif;
color: #3a3a3a;
font-size:15px;
}

h1, h2, h3, h4, h5, h6, p {
font-family: sans-serif;
}

h1 {
font-size: 48px;
font-weight: 700;
color: #00D9FF;
}

h2 {
margin-bottom: -10px;
font-size: 36px;
font-weight: 700;
color: #BBD9FF;
}

h3 {
font-size: 30px;
color: #3a3a3a;
}

h4 {
font-size: 25px;
color: #3a3a3a;
margin-bottom: -8px;
}

h5 {
font-size: 20px;
color: #3a3a3a;
}

h6 {
font-size: 16px;
margin-bottom: -5px;
color: #3a3a3a;
}

p {
font-size: 16px;
font-weight: 100;
color: #3a3a3a;
}


a, a:link, a:visited {
text-decoration: none;
color: #FF0085;
}

a:hover {
color: #00D9FF;
}

a:link img {
border: none;
}

li {
font-family: sans-serif;
font-size: 20px;
font-weight: 100;
background-clip: text;
-webkit-background-clip: text;
color: transparent;
background-image: linear-gradient(45deg, blue, indigo, violet);
}

li:hover {
color: #FCB9DA;
}

.update_text {
font-family: sans-serif;
font-style: oblique;
font-weight: 500;
color: red;
}

.comic {
width: 600px;
min-height: 600px;
margin: 24px auto 0px auto;
padding-left: 100px;
padding-right: 100px;
text-align: center;
/*margin-left: -100px;*/
}


figcaption {
font-family: sans-serif;
text-align: center;
}

button {
position: relative;
/* width: 50px;*/
height: 26px;
/* line-height: 16px; */
padding: 5px 5px;
border-radius: 0px;
border: none;
background-color: white;
/* background-image: linear-gradient(45deg, red, orange, yellow, green, blue, indigo, violet, red); */
font-family: sans-serif;
font-size: 16px;
font-weight: 100;
color: #FF0085;
/* text-shadow: 2px 2px black;*/
text-align: center;
vertical-align: middle;
}

button:hover {
color: white;
background-color: #FF0085;
border: none;
cursor: pointer;
}

.cover-image {
position: center;
position: absolute;
z-index: 1;
}