::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #ffffff; 
}
 
::-webkit-scrollbar-thumb {
  background: #ffffff; 
}

::-webkit-scrollbar-thumb:hover {
  background: #ffffff; 
}

html,
body {
    height: 100%;
    margin: 0;
}

body {
    background: white;
    color:black;
    font-family:ms pgothic;
}

a {
  color: #4756ce;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color:#ff6600;
}

.banner {
    background-image: url(https://bytes.nekoweb.org/v3/logo.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-color: black;
    border-bottom:1px solid black;
    width:100%;
    height:80px;
}

.container {
    margin: 0 100 0 auto;
    height: 65vh;
    width:800px;
    display: grid;
    grid-template-areas:
    "menu content";
    grid-template-columns: 1.3fr 5fr;
    grid-template-rows: 1fr;
    gap: 5px;
    padding: 5px;
}

.container section, nav {
  background-color: white;
  padding: 10px;
}

.container nav.menu {
  grid-area: menu;
  overflow: auto;
}

.container section.content {
  grid-area: content;
  overflow: auto;
}

.footer {
  color:rgb(192, 192, 192);
  padding:10px;
}

nav a {
    text-decoration:none;
    color:grey;
    font-weight:bold;
}

nav a:hover {
    padding-left:5px;
}

hr {
    border-top: 1px solid black;
}

.lined {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.liner {
    margin-left:10px;
    margin-top:20px;
    flex-grow: 1;
    height: 1px;
    background-color: #000000;
}

img {
    filter: contrast(130%);
}

.sticky {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: black;
  height:20px;
}

h1 {
  margin-bottom:0px;
}


form {
  width: 98%;
  margin: 0 auto;
  font-size:10pt;
}

fieldset {
  padding: 20px;
}

input,
textarea {
  width: 98%;
}

button {
  width: 99.7%;
}

.buttons {
  filter: grayscale(1)contrast(130%);
}

.buttons:hover {
  filter: none;
}

li {
  list-style: square;
}

.updates {
  border: 1px solid black;
  height:60px;
  overflow:auto;
}

.titler {
  background: #000000;
  color:white;
  padding:3px;
  text-align: center;
  width:70px;
}

@media (max-width: 900px) {

  .banner {
    width:200%;
  }

  .container {
    width: 100%;
  }

  nav a {
    font-size:10px;
  }
  
}