@font-face {
    font-family: "Faith Collapsing"; 
    src: url("https://file.garden/adUt3_IEfSR0WPPS/fonts/Faith%20Collapsing.ttf") format("truetype");
}

body {
      background: url("https://i.postimg.cc/1zP5DqQK/2ed86132ab4ea4176d1124364b8550fb.jpg");  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  font-family: "Times New Roman";
  font-size:13px;
  color:white;
  letter-spacing:1px;
}

a:link, a:visited, a:active {
  font-weight:bold;
  color:#bbb;
  text-decoration:none;
}
a:hover { color:#ddd; }

b { color:white; }
i { color:white; }
u { color:white; }

::-webkit-scrollbar-thumb {
  background:#111;
  border:1px solid #666;
}
::-webkit-scrollbar {
  width:7px;
  background:transparent;
}

#layout {
    max-width: 950px;
    margin-top: 0;
  margin:0 auto;
}


#columns {
  display: flex;
 margin-top: 0;
  border: 2px white solid;

    
}

#header {
  width:100%;
  height: 180px;
   margin-top: 0;

  background:black no-repeat center;
}

.footer {
  
  text-align: center; background: black; border: 2px white solid; border-top: none;
  
}

#sitename a {
  font:35px "Faith Collapsing";
  color:white;
  text-transform:lowercase;
  letter-spacing:8px;
  background:transparent;
  border-radius:30px;
  padding:4px 20px;
}

#menu {
  height:20px;
  line-height:20px;
  background: black;
  border: 2px white solid;
  border-bottom: none;
  text-align:center;
}

#menu a {
  font:bold 11px monospace;
  text-transform:uppercase;
  padding:4px;
  margin-right:10px;
  letter-spacing:1px;
  color:#666;
}
#menu a:hover { color:#ccc; }


#left, #content1, #right {
  box-sizing: border-box;
  padding:6px;
  margin:0;
}

#left {
  background:black;
  color:white;
  order: 1;
}

#content1 {
 background:black;
  order: 2;
  color: white;
}

#right {
  background:black;
  order: 3;
  color:white;
}

.title {
  font-weight:bold;
  font-size: 16px;
  color:white;
  margin-bottom:2px;
}

.scrollbox {
  background:#111;
  height:100px;
  overflow:auto;
  overflow-x:hidden;
  margin-top:4px;
}

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

.stamps {
  display: grid;
  grid-template-columns: repeat(2, 1fr); 
  gap: 10px;                            
  justify-items: center;                 
}

.stamps img {
  width: 100%;                      
  max-width: 150px;                     
  height: auto;                       
}

ul {
  
  list-style-type: none;
  width: 100%;
  padding: 0;
  
}



            @media only screen and (max-width: 800px) {
 
   #columns {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  #content1 {
    flex: 0 0 100%; 
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  #left, #right {
    flex: 0 0 60%;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
  
  

}