hey what are you doin', stop it
JAQQQLN
@font-face {
font-family: Cinema_Calligraphy;
src: url("/fonts/MOVIEFONT-OTF.OTF");
}
@font-face {
font-family: Holtwood One;
src: url("/fonts/HoltwoodOneSC-Regular.ttf");
}
body {
font-family:'Cinema_Calligraphy', sans-serif;
font-size:3vw;
margin:0px;
text-align:center;
color:white;
background-color:#ac4558;
align:center;
padding:10px;
}
a { text-decoration:none; color:rgba(255, 161, 161, 0.76); }
a:hover { text-decoration:bold; color:rgba(190, 235, 31, 1); }
a.big,p.big { font-size:8vw; font-weight:bold; }
a.nav { font-size:12vw; font-weight:bold; font-family: Holtwood One; margin:3%; color:white; }
img.jaq { margin-left:auto; margin-right:auto; display:block }
img.watermark { position:fixed; right:3%; top:3%; opacity:75%; z-index:1; }
img.comic { margin:2.5%; width:95%; }
img.gallery { margin:0.5%; width:9%; cursor:pointer; }
p { display:inline; }
h1 { font-size:9vw; font-weight:bold; text-align:center; color: #6d2e8a; margin:0px; }
div.blocko {
margin-left:auto;
margin-right:auto;
width:70%;
text-align:left;
}
div.menu { margin:auto; font-size:6vw; width:80%; }
p.indicia { font-family:"Holtwood One",sans-serif; font-size:2vw }
.modal {
display: none;
position: fixed;
z-index: 2;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.5);
}
.modal-content {
position: relative;
margin: auto;
padding: 0;
width: 90%;
}
.close {
color: white;
position: absolute;
top: 10px;
right: 10px;
font-size: 10vw;
font-weight: bold;
z-index: 1;
}
.close:hover,
.close:focus {
color: #999;
text-decoration: none;
cursor: pointer;
}
.mySlides {
display: none;
}
details summary { cursor:pointer }
a.ghostbutton {
border:1px solid #ffa8fa;
border-radius: 5px;
color:#ffa8fa;
font-weight:bold;
padding:20px;
background-color:#a80bb3;
cursor:pointer;
}