/* made by /powfu ... see more at /resources */

#e {
background: rgba(148, 148, 148, 0.45);
}

.main {
 width: 600px;
 height: 300px;
 border: 4px double var(--color);
margin: auto;
padding: 5px;
}

.top {
width: 295px;
height: 37px;
border: var(--color) 1px solid;
float: right;
padding: 5px;
  p, a {
   line-height: 0px;
   margin-top: 12px;
    text-align: center;
  }
}

.bottom {
width: 295px;
height: 240px;
margin-top: 5px;
border: var(--color) 1px solid;
float: right;
padding: 5px;
overflow: auto;
}

body {
background: var(--background) !important;
    }

.text-container {
    background: var(--background);
    position: relative;
}

main {
 width: 700px;
  margin: auto;
}

a {
   text-decoration-line: underline;
}

*, a {
 color: var(--color); 
  font-family: arial;
}

.button, .button:hover {
 background: var(--background);
   color: var(--color);
}

:root[data-theme="light"] {
    --color: black;
    --background: white;
}

:root[data-theme="dark"] {
    --color: white;
    --background: black;
}

.publish-timestamp, .edit-timestamp, .site-footer {
 display: none; 
}

@font-face {
 font-family: arial;
 src: url(https://files.catbox.moe/1zmi9t.TTF);
}

* {
    scrollbar-width: auto;
    scrollbar-color: #8c8c8c transparent;
  }

  *::-webkit-scrollbar {
    width: 3px;
  }

  *::-webkit-scrollbar-track {
    background: transparent;
  }

  *::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 3px;
    border: 2px none #8c8c8c;
  }

    @media screen and (max-width: 500px) {
 main {
   width: 355px;
      }
      .main {
       width: 300px; 
        height: 587px;
      }
      .top {
       margin-top: 5px;
       width: 282px;
      }
      .bottom {
       margin-top: 5px;
       width: 282px;
      }
}