/* navigation section!! */
            nav {
                height: 30px;
                background-color: saddlebrown;
                /* navbar color */
                width: 100%;
               display:grid;
               justify-content: center;
                position:relative;
               
                
            }

            nav ul {
                display: flex;
                padding: 0px;
                margin: 0px;
                list-style-type: none;
                justify-content:space-around;
          
            }

            nav li {
                padding-top: 5px;
                padding: 10px 15px;
            }

            /* navigation links*/
           
            nav li a {

                color: beige;
                /* navbar text color */
                font-weight: 800;
                text-decoration: none;
                text-align:;
                /* this removes the underline */
            }

            /* navigation link when a link is hovered over */
          nav li a:hover {
                color: gold;
                text-decoration: underline;
            }

            flex {
                display: flex;
            }