.container > div {
      display: none
    }
    .container > div:target {
      display: block;
    }
    ul.nav {
      list-style-type: none;
      align-content: space-evenly;
    }
    ul li {
      display: inline-block;
      width: 100px;
    }
    ul li button {
      border: 1px solid grey;
      border-radius: 2px;
      padding-left: 5px;
      box-sizing: padding-box; 
      background-color: #900;
    }

    #brambleTab {
      font-family: 'rainyhearts';
    }
    #brambleTab header {
      background-color: #c03;
      width: 100%;
      height: 75px;
    }
    #brambleTab #leftSidebar {
      color: #393;
      background-color: #f69;
      width: 250px;
      order: 1;
    }
    #brambleTab .leftBox {
      color: #903;
      background-color: #033;
      border: dotted 3px #933;
      border-radius: 7px;
      margin: auto;
      width: 75%;
    }
    #brambleTab main {
      color: #903;
      background-color: #f9c;
      width: 750px;
      order: 2;
    }
    #brambleTab #rightSidebar {
      color: #393;
      background-color: #f69;
      width: 250px;
      order: 3;
    }
    #brambleTab .rightBox {
      color: #903;
      background-color: #033;
      border: dotted 3px #933;
      border-radius: 7px;
      margin: auto;
      width: 75%;
    }
    #brambleTab footer {
      background-color: #c03;
      height: 25%;
      width: 100%;
      padding: auto;
    }
    #brambleTab a {
      color: #6c9;
      display: block;
    }

    #xayTab {
      font-family: 'rainyhearts';
    }

    #homeTab {
      font-family: 'rainyhearts';
    }

    #vyTab {
      font-family: 'oldlondon';
    }

    #ruinaTab {
      font-family: 'rainyhearts';
    }