@font-face {
    font-family: kawaii; 
    src: url(https://dl.dropbox.com/s/hhwbn6ukqx3afgq/kawaii.ttf);
  }

  body {
    font-family: "kawaii", sans-serif;
    font-size: 20px;
    margin: 0;
    background-color: #FFFFFF;
    color: #865439;
    background-image: url("https://cdn.discordapp.com/attachments/1046510217673846934/1047342574639255552/13-8_1.gif");
    background-repeat: repeat-x;
  }

  * {
    box-sizing: border-box;
    font-size: 20px;
  }

      #container {
        max-width: 80%;
        margin: 0 auto;
        margin-bottom: 20px;
      }

      #flex {
        display: flex;
      }

      aside {
        width: 200px;
      }
      
      aside a {
        color: #865439;
        text-decoration: none;
      }
      
      main {
        background-color: #FFFFFF;
        flex: 1;
        padding: 20px;
        order: 2;
        border-width:7px;
        border-style:solid;
        border-image: url("https://i.imgur.com/8xftJ3v.gif") 7 fill round;
      }
      
      main a {
        color: #4E3524;
        font-weight: bold;
        text-decoration: none;
      }

      #leftSidebar {
        order: 1;
      }

      h1, h2, h3 {
        color: #865439;
      }

      h1 {
        font-size: 25px;
        font-weight: bold;
      }

      strong {
        color: #865439;
      }
      
      .box {
        background-color: #FFFFFF;
        padding: 5px;
        margin: 10px;
        border-width:7px;
        border-style:solid;
        border-image: url("https://i.imgur.com/8xftJ3v.gif") 7 fill round;
      }
      
      
      @media only screen and (max-width: 800px) {
        #flex {
        flex-wrap: wrap;
      }

      aside {
        width: 100%;
      }

      main {
        order: 2;
      }

      #leftSidebar {
        order: 1;
      }

      #navbar ul {
        flex-wrap: wrap;
      }
  }