/* Working on flexboxing this bitch. */
/* CSS HEX */
        :root{
          --aerospace-orange: #ff5113ff; /* Navbg */
          --dutch-white: #fcecc9ff;
          --carolina-blue: #7eb2ddff;
          --hunter-green: #33673bff;
          --ebony: #59594aff; 
        }

        * {
          box-sizing: border-box;
        }
        
        body{
          margin: 0;
        }
        
        .grid-container{
          display: grid;
          grid-template-areas:
          'header header header header header header'
          'menu main main main main right'
          'menu footer footer footer footer footer';
        }
        
        .navbar {
          display: flex;
          background-color: #ff5113ff; /* Aerospace Orange */
          justify-content: center;
          align-items: center;
        }
        
        .navbar a {
          color: #fcecc9ff;
          padding: 10px 15px;
          /* font-size: 16px; */
        }
        
        .navbar a:hover {
          background-color: #7eb2ddff;
          color: #59594aff;
        }
        
        .row {
          display: flex;
          flex-wrap: wrap;
        }
        
        .side {
          flex: 30%;
          background-color: #fcecc9ff;
          padding: 1em;
          justify-content: center;
          align-items: center;
          text-align: center;
          border-right-width: 3px;
          border-right-style: outset;
          
        }
        
        .side ul {
          list-style-type: none;
          padding: 0;
          margin: 0;
        }
        
        .main {
          flex: 70%;
          padding: 1em;
        }
        
        .footer {
          display: flex;
          padding: 20px;
          justify-content: center;
          align-items: center;
          background: #59594aff;
        }
        
        .footer a {
          padding: 10px 15px;
          color: #fcecc9ff;
        }
        
        .footer a:hover {
          color: #7eb2ddff;
          background-color: #33673bff;
        }
        
        @media screen and (max-width: 700px) {
          .row {   
            flex-direction: column;
          }
          .navbar {   
            flex-direction: column;
          }
          .side {
            border-right: 0px;
            border-bottom-width: 3px;
            border-bottom-style: outset;
            border-top-width: 3px;
            border-top-style: inset;
          }
        }