body {
background:#0C1912 url(https://files.catbox.moe/7zggqg.webp);}
  
  
table {
font-family:"Goldman", courier new;
font-size:10px;
line-height:20px;
letter-spacing: 1px;
color:#458c3a;}

b {color:#00FF00;font-weight:normal;}

a:link, a:visited, a:active {
  font-weight: bold;
  color:green;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
a:hover, a:focus-visible {color:#00FF00;text-decoration-style: solid;}
a:focus-visible{
  outline: 1px solid #00ff00;
  outline-offset: 3px;
}
  
img {border:0;}
  
::-webkit-scrollbar-thumb {
background-color: green;  
border-radius: 3px;}
::-webkit-scrollbar {
width: 5px; height: 0px; 
background: transparent;}


.title {
display:inline-block;
background:#051105;
color:green;
font-family:'orbitron';
font-size:10px;
text-transform:uppercase;
line-height:10px;
letter-spacing:3px;
border-top-left-radius:3px;border-top-right-radius:3px;
border:1px solid #113711;
border-bottom:1px dotted green;
padding:4px;}
  
  
.navigation a { 
display:inline-block;
background:; 
padding-left:10px;
padding-right:10px;
font:9px 'orbitron';
text-transform:uppercase;
font-weight:bold;
border-top-left-radius:0px;border-top-right-radius:0px;
line-height:12px;
color:green;
text-decoration: none;
}
      
.navigation a:hover {
color:#00FF00;}
  

.sitename {background:#111;width:90%;font-family:'orbitron';font-size:30px;letter-spacing:10px;color:green;line-height:20px;border-radius:15px;}
.top {height:90px;background: #000; border: 1px solid #123E12;border-bottom: 0px;border-top-left-radius:15px;border-top-right-radius:15px;}
.navigation {background:#0B250B;border-bottom: 1px dotted #123E12;}
.left {background: #000; border-right: 1px dotted #123E12;border-left: 1px solid #123E12;}
.middle {background: #000;border-right:1px dotted #113711;}
.right {background: #000;border-right: 1px solid #113711;}
.footer {box-sizing:border-box;width:100%;margin:0 auto;padding:4px 10px;background:#000;border:1px solid #123E12;border-top:1px dotted #123E12;color:#458c3a;font:8px/14px "Goldman", "Courier New", monospace;letter-spacing:1px;text-align:center;}
.box {background:#051105;border:1px solid #113711;border-top:2px solid #111;border-radius:3px;
border-top-left-radius:0px;padding:4px;padding-left:8px;padding-top:8px;margin-bottom:8px;}
#news {display:block;min-height:20px;margin-top:8px;background:#000;font-size:14px;}
textarea {background:#000;border:1px solid #123E12;color:#458c3a;font:10px 'goldman';letter-spacing:1px;margin-bottom:5px;}

.navigation a.edit-undoom-link {
  position: relative;
  top: -4px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;

  width: 16px;
  height: 16px;
  padding: 0;
  margin-left: 10px;
  margin-right: 10px;

  color: #052505;
  background-color: green;

  border-radius: 3px;
  overflow: hidden;
  box-sizing: border-box;
  line-height: 0;
}

.navigation a.edit-undoom-link:hover {
  color: #052505;
  background-color: #00ff00;
}

.edit-undoom-icon {
  display: block;
  width: 13px;
  height: 12px;
  margin: 0;
}

/* Keep the original 1000px layout on large screens, but let the site frame
   contract when the viewport is narrower. */
.site-frame {
  max-width: 1000px;
}

@media (max-width: 1030px) {
  body {
    margin-left: 10px;
    margin-right: 10px;
  }

  .site-frame {
    width: 100%;
  }

  .middle img {
    display: block;
    width: 100%;
    max-width: 400px;
    height: auto;
    margin: 0 auto;
  }

  textarea {
    max-width: 100%;
    box-sizing: border-box;
  }
}

@media (max-width: 700px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  body {
    margin: 0;
    padding: 12px 10px 24px;
  }

  body > br {
    display: none;
  }

  .sitename {
    box-sizing: border-box;
    width: 100%;
    padding: 10px 8px;
    font-size: clamp(16px, 5.5vw, 25px);
    line-height: 1.25;
    letter-spacing: clamp(3px, 1.6vw, 8px);
    overflow-wrap: anywhere;
  }

  .top {
    height: auto;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  #news {
    min-height: 20px;
    margin-top: 8px;
    font-size: 12px;
  }

  .navigation {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 26px;
  }

  .navigation center {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4px 0;
    font-size: 0;
  }

  .navigation a {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 8px;
  }

  .content-layout,
  .content-layout tbody,
  .content-layout tr,
  .content-layout > tbody > tr > td {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }

  .content-layout > tbody > tr > td {
    padding: 12px;
    overflow-wrap: anywhere;
  }

  .left,
  .middle,
  .right {
    border-right: 1px solid #123E12;
    border-left: 1px solid #123E12;
  }

  .left,
  .middle {
    border-bottom: 1px dotted #123E12;
  }

  .left table {
    width: 100%;
    max-width: 300px;
  }

  .footer {
    padding: 6px 12px;
    line-height: 14px;
  }
}