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

@font-face {
  font-family: 'Felipa';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://zeesplace.neocities.org/Felipa-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: 'Jim';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://zeesplace.neocities.org/JimNightshade-Regular.ttf);
  
}

body{
background: #fdf8f2;
letter-spacing:1px;
font-family:'Roboto', arial;
font-size:11px;
line-height:14px;
text-shadow:0px 0px 1px #bbb;
color:#0d0705;
letter-spacing:1px;}

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

b {color:#e59c69;}
  
img {border:0;}

::-webkit-scrollbar-thumb {
background-color: #EFD990;  
border-radius: 0px;
border:1px solid #E469A8;border-right:0;}
  
::-webkit-scrollbar {
width: 5px; height: 0px; 
background: transparent;}
  
#layout {
margin: 20px auto;
width: 720px;}

#header {
width: 720px;
height: 260px;
background: url(https://zeesplace.neocities.org/3EWcgC.jpg) center no-repeat;
}
  

.sitename {font:42px 'Felipa';letter-spacing:3px;text-shadow:1px 1px 5px #333;padding-top:2px;float: center;color: #8a4937;}

#navi {
width: 720px;
height: 20px;
background: #bf6f4a;
line-height:20px;
text-align:center;
margin-bottom:0px;

}
  
#navi a { 
display:inline-block;
background: #f8e6ce; 
font:normal 9px 'Roboto',arial;
line-height:9px;
text-transform:uppercase;
padding-top:2px; 
padding-left:5px;
padding-right:5px;
padding-bottom:2px;
margin-bottom:4px;
letter-spacing:1px;
color:#8a4937;
border-radius:10px;
border:1px solid #e59c69;}
      
#navi a:hover {
color:#f8e6ce;
background: #8a4937;}

#content1 {
width: 540px;
float: left;
background: #bf6f4a;
margin: 0 auto;
height: 550px}
  
#left1 {
width:180px;
float: left;
margin: 0 auto;
background: #bf6f4a;
height: 550px}


  

.box {
background:#fdf8f2;
padding: 4px;
border:1px solid #e59c69;
margin-bottom:14px;
margin-top: 10px;
margin-left:5px;
margin-right: 5px;
box-shadow: 2px 2px 5px #f8e6ce;}

.scrollbox {
height:100px;
overflow:auto;
overflow-x:hidden;
background:#fdf8f2;
padding: 4px;
border:1px solid #e59c69;
margin-bottom:14px;
margin-top: 10px;
margin-left:5px;
margin-right: 5px;
box-shadow: 2px 2px 5px #f8e6ce;
}

.iframe {
  border: none;
}   

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

  
.extralinks a {
display:inline-block;
background: #f8e6ce; 
font:normal 9px 'Roboto',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:#8a4937;
border-radius:10px;
border:1px solid #e59c69;}
  
.extralinks  a:hover {
color:#f8e6ce;
background: #8a4937;}

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