@import url(./template.css);

:root { 
    --body-font:PixelOperator;
    --display-font:LanaPixel;
    --accent-color:#d39c79;
    /* Declare variables you can use later :D */
}

body{  
    background-image: url(https://wolfrayetlaw.com/imgs/notmyart/blogbg.jpg);
    background-size:cover;
    font-family:var(--body-font);
    color:black;
}

#container{
    background-color: #eae9e0;
    border: 3px solid black;
    border-top: 0;
    border-bottom: 0;
}

@media only screen and (max-width: 800px) {
    #container{border:0;}
}

@media only screen and (max-width: 550px) {
    #nav{
        background-color:black;
        color: white;
    }
}

footer{
    background-color:black;
    color: white;
}

@font-face {
  font-family: LanaPixel;
  src: url('/fonts/LanaPixel.ttf');
}

@font-face {
  font-family: PixelOperator;
  src: url('/fonts/PixelOperator.ttf');
}