/*----------------------------------------- 
// fonts 
-----------------------------------------*/
  @font-face { 
      font-family: Romantic; 
      src: url(https://cdn.glitch.me/9bbfdfb3-4bfa-4c39-8743-5621c8b9df21/ROMANTIC.TTF); 
  } 
  
  @font-face {
      font-family: Adorable Doll;
      src: url(https://dl.dropbox.com/s/plehp3a9xbtct7n/AdorableDoll.ttf);
  }
  
  @font-face {
      font-family: PlanetEstyle;
      src: url(https://dl.dropbox.com/s/ned5vjvabdmksbb/PLANE___.TTF);
  }



/*----------------------------------------- 
// styling 
-----------------------------------------*/
body {
 background:#E5B299;  
 background:url('https://files.catbox.moe/tq8m1h.webp');
 cursor: url(https://files.catbox.moe/ukvv3m.png), auto;
}

#main, .searchbar {
  border-top-right-radius:10pt;
  border-top-left-radius:10pt;
}

#main {
  width:820px;
  height:650px;
  margin:0 auto;
  margin-top:20pt;
  border:1px solid #58453B;
  font-family: verdana;
  text-align:justify;
  background: #cfe2f3;
 
}

.scrollable-container { 
  background-color: #f4f6f8;
  width: 800px;
  height: 550px;
  overflow-y: scroll; 
  margin: 8pt;
}


#main img, img {
  pointer-events: none;
}
  

.searchbar {
  font:10pt PC98;
  background:#9fc5e8;
  border:1px solid #cfe2f3;
  border-bottom:none;
  padding:2pt 4pt 2pt 4pt;
}

  .searchbar p {
    background:#f4f6f8;
    border:1px dotted #263e53;
    letter-spacing:1pt;
    padding:2pt;
    margin:6pt 3pt 3pt 30pt;
  }

  .nav {
    position:relative;
    color:#F7B7AD;
    height:16px;
    background:#b8d8f5;
    border:1px solid #cfe2f3;
    border-top:none;
    border-bottom:1px dotted #263e53;
    padding:2pt;
    display:flex; align-items:center;
  }
  
  .button {
    margin:0pt 10pt 0pt 10pt;
  }

  .nav a {
    font: 10pt Adorable Doll; 
    color:#263e53;
    text-decoration:none;
  }

.contentbox {
  height:100%;
  border-top:none;
  overflow:hidden;
}

.content {
  background:rgba(255,255,255,0.9);
  max-width:100%;
  max-height:100%;
  margin:0 auto;
  overflow:hidden;
}

.contentpage {
  background:#FFFFFF;
  width:95%;
  margin:0 auto;
}


 

  marquee {
    font: 11pt PlanetEstyle;
    color:#6b90b2;
    height:12px;
    background:#cfe2f3;
    border:1px solid #6b90b2;
    border-top:none;
    border-bottom:1px dotted #6b90b2;
    padding:2pt;
    display:flex; align-items:center;
  }

  h2 {
    font:14pt Romantic;
    margin:0pt;
    font-weight:bold;
  }

  h3 {
    font:12pt PlanetEstyle;
    margin:0pt;
    font-weight:bold;
    border-bottom:1px dotted #333;
    width:70%;
    text-align:right;
    margin:0 auto;
  }

.flex, .flexcol, .flexrow {
  display:flex;
}

.flexcol {
  flex-flow:column nowrap;
}

.flexrow {
  flex-flow:row wrap;
}


/*----------------------------------------- 
// scrollbar 
-----------------------------------------*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #f4f6f8;
  background-color: #6b90b2;
}

::-webkit-scrollbar {
  width: 10px;
  background-color: #f4f6f8;
}

::-webkit-scrollbar-thumb {
  background-color: #f4f6f8;
  border: 2px solid #263e53;
}