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

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

body {
  background:#333;
  font-family: 'Roboto', verdana, arial;
  font-size:10px;
  color:#fff;
  letter-spacing:1px;
  line-height:13px;
  }

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

a:hover {color:#8d8d8d; font-style: italic;}

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


/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #8d8d8d;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #d6d6d6;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #c1c1c1;
}


#layout {
  width:900px;
  margin:0 auto;
}


#columns {
  overflow: hidden;
  background-color: #ffffff80;    
 }

#header {
  height:180px;
  background:#fff url(https://zeesplace.neocities.org/Screenshot%202026-05-06%20132001.png)
    no-repeat center;
     opacity: 0.75;
}


#navi {
  height:20px;
  line-height:20px;
  text-align:center;
  background: #fff;
   opacity: 0.75;
}

#navi a { 
display:inline-block;
background: #292929; 
font:normal 9px 'Atomic',arial;
line-height:9px;
padding-top:2px; 
padding-left:5px;
padding-right:5px;
padding-bottom:2px;
margin-bottom:4px;
letter-spacing:1px;
color:#b8b8b8;
border-radius:10px;
border:1px solid #292929;}
      
#navi a:hover {
color:#4c4c4c;
background: #a6a6a6;}

#left1, #content1, #right1 {
  float:left;
  padding:6px;
  margin:0;
}

#left1 {
  width:180px;
  color:#fff;
background-color: #33333380;
}

#content1 {
  width:494px;
  color:#fff;
  background: #333;
margin: 4px;
}

#right1 {
  width:180px;
  color:#fff;
background-color: #33333380}

.title {
font-weight:bold;
border-bottom:3px dashed #333;
margin-bottom:4px;
padding-top:0px;
font:14px 'Atomic', courier new, arial;
padding-left:5px;
color: #b3b3b3;
background: #919191;
  text-shadow: 0px 0px 5px #393939, 0px 0px 10px #2f2f2f, 0px 0px 10px #2f2f2f,
    0px 0px 20px #2f2f2f;
    margin-bottom:5px;}

.box {
background-color: #21212180;
padding: 2px;
border:1px solid #212121;
margin-bottom:20px;
margin-top: 5px;
margin-left:5px;
margin-right: 5px;
box-shadow: 2px 2px 5px #212121;
}

.scrollbox {
  background-color: #33333365;
  height:100px;
  overflow:auto;
  overflow-x:hidden;
  margin-top:4px;
padding: 2px;
box-shadow: 2px 2px 5px #333;}


textarea {
  color: #fff;
  font:10px calibri;
  background:#333;
}

.extralinks a {
display:inline-block;
background: #212121; 
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:#b3b3b3;
border-radius:10px;
border:1px solid #212121;
box-shadow: 2px 2px 5px #212121}
  
.extralinks  a:hover {
color:#393939;
background: #bababa;}

.sitename {
  font:42px 'AlumniSansInlineOne';
  text-align: center;
  letter-spacing:3px;
  text-shadow:1px 1px 8px #393939;
  padding-top:48px;
  float: center;
  color: #d5d5d5;
  -webkit-text-stroke: 2px #393939;
   }


.iframe {
  border: none;
}