body {
background:#f0f0f0 url(https://64.media.tumblr.com/fef824b0fbdb911bc414643be1c36e6e/305da906a182effd-af/s1280x1920/914d89c68c837c5dda149061bcb74fefe4390a4d.png) fixed;
font-family:calibri, arial;
font-size:12px;
line-height:11px;
letter-spacing:1px;
color:#635654;
}
a { color:#A30A0A; text-decoration:none; }
a:hover { color:#555; }
b { color:#8A2828; }
img { border:0; }
.credits {text-align:center;}
::-webkit-scrollbar-thumb {
background-color:#fff;
border-radius:0px;
border:1px solid #9D7956;
}
::-webkit-scrollbar {
width:5px;
height:0px;
background:transparent;
}
#layout {
width:700px;
margin:20px auto;
}
#header {
height:60px;
display:flex;
align-items:center;
justify-content:center;
}
.sitename a {
font:30px 'pixelify sans';
text-transform:uppercase;
letter-spacing:5px;
color:#E02650;
padding-bottom:6px;
}
.sitename a:hover { color:#635654; }
#navigation {
text-align:center;
margin-bottom:8px;
}
.navi a {
display:inline-block;
background:#A30A0A;
font:12px 'silkscreen', arial;
text-transform:uppercase;
padding:1px 5px 2px;
margin-bottom:4px;
letter-spacing:1px;
color:#fff;
border-radius:10px;
border:1px solid #A30A0A;
}
.navi a:hover { color:#000; }
#main {
display:flex;
gap:0;
}
#left {
width:180px;
padding:6px;
}
#stuff {
width:700px;
padding:6px;
}
.box {
border-width:8px;
border-style:solid;
border-image:url("lace.png") 8 fill round;
margin-bottom:8px;
}
.scrollbox {
height:500px;
width: 500px;
border-width:8px;
border-style:solid;
border-image:url("lace.png") 8 fill round;
margin-bottom:8px;
}
.title {
font:bold 10px calibri;
color:#A30A0A;
text-transform:uppercase;
letter-spacing:5px;
border-bottom:1px dashed #000;
margin-bottom:4px;
}
.extralinks a {
display:inline-block;
width:100%;
background:#A30A0A;
font:13px calibri, arial;
letter-spacing:3px;
color:#fff;
text-align:center;
margin-bottom:1px;
}
.extralinks a:hover { color:#000; }
textarea {
font:10px calibri, arial;
letter-spacing:1px;
color:#444;
}
@media (max-width:600px) {
body {
font-size:11px;
line-height:13px;
}
#layout {
width:100%;
margin:10px auto;
}
#header {
height:auto;
padding:10px 0;
}
.sitename a {
font-size:20px;
letter-spacing:3px;
}
#main {
flex-direction:column;
}
#left,
#content {
width:100%;
padding:6px;
}
img {
max-width:100%;
height:auto;
display:block;
margin:0 auto;
}
.scrollbox {
height:auto;
max-height:200px;
}
}
.overlay {
 position: absolute;
 top: 0;
 left: 0;
}
.main {
	width: 500px;
	height: 500px;
}

.main iframe {
	height: 100%;
	width: 100%;
}

.page {
  background: #FFF;
  width: 450px;
  height: 500px;
}

.site-subtitle {
	text-align: center;
  font:bold 24px calibri;
  color:#A30A0A;
  text-transform:uppercase;
  letter-spacing:5px;
  margin-bottom:4px;
}

.title2 {
font:bold 18px calibri;
color:#A30A0A;
text-transform:uppercase;
}