@font-face {
  font-family: 'Aubrey';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://zeesplace.neocities.org/Aubrey-Regular.ttf);
}

@font-face {
  font-family: 'CaveatBrush';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://zeesplace.neocities.org/CaveatBrush-Regular.ttf);
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://zeesplace.neocities.org/Roboto-VariableFont_wdth,wght.ttf);
  
}
@font-face {
  font-family: 'CaveatBrush';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://zeesplace.neocities.org/CaveatBrush-Regular.ttf);
  
}
@font-face {
  font-family: 'PermanentMarker';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://zeesplace.neocities.org/PermanentMarker-Regular.ttf);
  
}
body{
background: #fff;
letter-spacing:1px;
font-family:'Roboto', arial;
font-size:11px;
line-height:14px;
text-shadow:0px 0px 1px #434239;
color:#090907;
}

table {font-family:"Roboto", calibri, verdana, arial;
background: #fff;
letter-spacing:1px;
font-family:'Roboto', arial;
font-size:11px;
line-height:14px;

text-shadow:0px 0px 1px #434239;
color:#090907;
}


a:link, a:visited, a:active { 
color:#fc95ec;text-decoration:none;}
a:hover {color:#434239;}

b {color:#a561ff;}
  

::-webkit-scrollbar-thumb {
background-color: #fdc0f4;  
border-radius: 0px;
border:1px solid #434239;border-right:0;}
  
::-webkit-scrollbar {
width: 5px; height: 0px; 
background: transparent;}

.box {
background:#fff;
padding: 2px;
border:1px solid #434239;
margin-bottom:20px;
margin-top: 5px;
margin-left:5px;
margin-right: 5px;
box-shadow: 2px 2px 5px #5c5c5c;
}

.scrollbox {
height:100px;
overflow:auto;
overflow-x:hidden;
background:#fff;
padding: 8px;
border:1px solid #434239;
margin-bottom:14px;
margin-top: 10px;
margin-left:10px;
margin-right: 5px;
box-shadow: 2px 2px 5px #5c5c5c;
}


.iframe {
  border: none;
}   

.boxtitle {
text-transform:uppercase;
font-weight:bold;
border-bottom:3px solid #434239;
margin-bottom:4px;
padding-top:0px;
letter-spacing:3px;
font:14px 'CaveatBrush', courier new, arial;
padding-left:5px;
color: #090907;
background: #fc95ec;
}

.extralinks a {
display:inline-block;
background: #fdc0f4; 
font:normal 9px 'Roboto',arial;
line-height:9px;
width:80%;
text-transform:uppercase;
padding-top:2px; 
padding-left:5px;
padding-right:5px;
padding-bottom:2px;
margin-bottom:4px;
margin-left: 12px;
letter-spacing:1px;
color:#434239;
border-radius:10px;
border:1px solid #434239;box-shadow: 2px 2px 5px #5c5c5c}
  
.extralinks  a:hover {
color:#f0c7fd;
background: #a561ff;
letter-spacing:6px;}


textarea {font:10px calibri,arial;letter-spacing:1px;color:#444;max-width: 100%;}

#navi {
background: #fff;
line-height:20px;
text-align:center;
padding-bottom: 10px;
background-image: url(https://zeesplace.neocities.org/tumblr_f6123085e723696214e6f4c907a12fb8_ad862900_250.png);
background-repeat: repeat-x;
background-position: center bottom;
}


  
#navi a {
display:inline-block;
background: #fdc0f4; 
font:normal 12px 'PermanentMarker',arial;
line-height:9px;
text-transform:uppercase;
padding-top:2px; 
padding-left:5px;
padding-right:5px;
padding-bottom:2px;
margin-bottom:4px;
margin-left: 12px;
letter-spacing:1px;
color:#434239;
border-radius:10px;
border:1px solid #434239;}
      
#navi a:hover {
color:#f0c7fd;
background: #a561ff;
letter-spacing:6px;}

.iframe {
  border: none;
}  

.navigation {
  background:#fff;
  margin-top:0px;
  border-bottom:1px solid #434239;}

.sitename {
  font:42px 'CaveatBrush';
  text-align: center;
  letter-spacing:3px;
  text-shadow:1px 1px 5px #434239;
  padding-top:2px;
  float: center;
  color: #fc95ec;
  -webkit-text-stroke: 2px #434239;}

.leftside {
  background-image: linear-gradient(to bottom, #feb7fe, #fff);border-left:1px solid #434239;
}
.rightside {
  background-image: linear-gradient(to bottom, #feb7fe, #fff);border-right:1px solid #434239;
}

.content {
  background-image: linear-gradient(to bottom, #feb7fe, #fff);
  box-shadow: 10px 0 10px -5px rgba(0, 0, 0, 0.5);
}

.footer {
  background: #fdc0f4;
  color:#555; 
  border:1px solid #434239;
  line-height:18px;
  box-shadow: 10px 0 10px -5px rgba(0, 0, 0, 0.5);
}
 
.footer a {color:#434239;}
.footer a:hover {color:#fff;}