@font-face {
    font-family: 'JuliaMono';
    src: url('font/JuliaMono-Regular.woff2') format('woff2'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
         url('font/JuliaMono-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}  
@font-face {
    font-family: 'JuliaMonoBold';
    src: url('font/JuliaMono-Bold.woff2') format('woff2'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
         url('font/JuliaMono-Bold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}  

html {
  min-height: 100vh;
  background-image: url("line2.png");
  animation: scroll 20s linear infinite;
}
body{
    box-sizing: border-box;
}
@keyframes scroll {
  from {background-position: top right;}
  to {background-position: bottom left;}
} /* https://stackoverflow.com/a/36820563/15392973 because i am stupid */

#main{
  color: #fff9d5;
  
  margin: 30px auto;
  max-width: 60%;
  /*top: 50%;
  left: 50%;
  z-index: 2;
  min-height: 70%;
  min-width: 70%;
  transform: translate(-50%, -50%);*/
  background: #171221;
  border: 2px #fff4b4 solid;
  border-radius: 8px; /* lol */
  padding: 6px;
  box-sizing: border-box;
} /* doing css is once again a fun yet painful experience  */

#header{
    font-family: JuliaMonoBold, monospace;
    margin:-6px;
    overflow:scroll;
    font-size: 40px;
}
p{
    font-family: JuliaMono, Verdana, Geneva, Tahoma, sans-serif;
}