@font-face {
  font-family: 'VT323 Regular';
  src: url('/fonts/VT323Regular.eot'); 
  src: url('/fonts/VT323Regular.eot?#iefix') format('embedded-opentype'), 
       url('/fonts/VT323Regular.woff2') format('woff2'), 
       url('/fonts/VT323Regular.woff') format('woff'), 
       url('/fonts/VT323Regular.ttf') format('truetype'), 
       url('/fonts/VT323Regular.svg#svgVT323Regular') format('svg');
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #06f4e4 #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 12px;
  }

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

  *::-webkit-scrollbar-thumb {
    background-color: #06f4e4;
    border-radius: 0px;
    border: 0px solid #ffffff;
  }

html {
  background-image: url("backgrounds/mikurun.gif");
  background-size: auto 200px;
  background-repeat: repeat;
  background-color: #000000;
  color: #f54518;
  font-family: "VT323 Regular";
  cursor: url("images/mikucursor.png"), auto;
  margin-left: 120px;
  margin-right: 20px;
}

.box1 {
 min-width: 900px;
 max-width: 900px;
 max-height: 500px;
 min-height: 670px;
 overflow: auto;
 border-width:10px;
 border-style:outset;
 border-color:#18f5db;
 background-color:#b3f2eb;
 position: absolute;
}
.box2 {
 border-width:10px;
 border-style:none;
 border-color:#18f5db;
 background-color:#b3f2eb;
}
.navbar {
  background-image: url("https://textures.neocities.org/thumbnails/pattern-and-prints/thumb_032C.jpg");
  color: #f70217;
  border-style:solid;
  border-width: 5px;
  border-color:#1bf7f0;
  border-radius: 10px;
  z-index: 5;
  position: fixed;
  height: auto;
  left:0;
  top:0;
  overflow: hidden;
}