@font-face {
      font-family: 'Super Nugget.ttf';
      src: url(https://unreliabletape.neocities.org/fonts/Super%20Nugget.ttf);
    }
    
  @font-face {
      font-family: 'MinecraftRegular-Bmg3.otf';
      src: url(https://unreliabletape.neocities.org/fonts/MinecraftRegular-Bmg3.otf);
    }


  body {
      background-image: url("/generalassets/browntapes.png");
      font-family: 'MinecraftRegular-Bmg3.otf';
      min-height: 100vh; /* 100% of the viewport height, AKA what your browser can see */
      margin: 0; /* Eliminates any "default" margins that may reside on the browser. This is typically 8px, but not anymore! */
      overflow: hidden; /* Gets rid of the pesky extra wiggle-room that allows you to scroll slightly past the viewport */
      display: flex; /* This makes the condition below it work in the first place */
      align-items: center; /* Vertical alignment of the child div, AKA #website-container */
      color: #693110;
      flex-direction: column;
    }

  #website-container {
      width: 60%;
      margin: auto;
      height: 80vh; /* 80% of the viewport height, AKA what your browser can see */
      display: flex;
      flex-direction: row; /* Makes the two child divs sit beside each other and love each other and be best friends */
    }
  
  #left-navbar {
    background-color: #F7E7CA;
    padding: 10px 5px;
    width: 15%;
    margin-right: 10px;
    border-color: #2A1306;
    border-width: 3px;
    border-style: solid;
    text-align: center;
    overflow: auto;
    overflow-wrap: break-word;
    }

  #the-meat {
    background-color: #F7E7CA;
    padding: 0px 10px;
    width: 85%;
    border-color: #2A1306;
    border-width: 3px;
    border-style: solid;
    text-align: center;
    display: flex; /* This and the next line have to be here in order for #go-home's margin-top: auto to work. */
    flex-direction: column;
    overflow: auto;
    overflow-wrap: break-word; 
    }
  
  #footer {
    background-color:#F7E7CA;
    border-color: #2A1306;
    border-width: 3px;
    border-style: solid;
    margin: 10px 0px; 
    text-align: center;
    padding: 10px 0px; /* Top and bottom have 10px of space between the border and the text, whereas the left and right have 0px */
    width: 60%;
    overflow: auto;
  }
  
  #go-home {
    margin-top: auto; /* Puts the button in the center [ish] of the empty space of the parent div. */
    margin-bottom: auto;
  }
  
  .nav-links {
    border-bottom-color: #2A1306;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    padding-bottom: 3px;
  }
  
  h1 {
    font-family: 'Super Nugget.ttf';
    font-size: 45px;
    line-height: 45px;
    text-indent: 0px;
  }
  
  article {
    text-align: left;
    text-indent: 30px;
  }