 body {
                margin: 0;
            }
            a {
                font-family: Goudy Old Style; 
                text-decoration: none; 
                font-weight: bold; 
            }
            .logo {
                padding: 25px 15px 0px 15px;
                height: 92.4px;
                width: 198px;
            }

            .side-navigation-bar { 
                background-color: white;
                height: 100%; 
                position: fixed;
                z-index: 1;
                top: 0; 
                left:0;
                box-shadow: 5px 5px 5px grey;
            }
            li > a {
                color: #543136; 
                font-size: 20px;
            }
            li:last-child > a {
                width: 150px;
                border: 6px double #5e1211;
                padding: 10px;
            }
            .nav {
                text-align: center;
                padding-left: 0px  

            }
            .nav > li:first-child {
                padding: 15px 10px;
                font-family: Goudy Old Style; 
                text-decoration: none; 
                font-weight: bold; 
                color: #543136; 
                font-size: 18px;
            }
            .nav > li:nth-child(2) {
                padding: 5px 5px; 
                padding-top: 35px
            }
            .nav > li:not(:first-child):not(:last-child):not(:nth-child(2)) {
                padding: 8px 8px;
            }
            .nav > li:last-child {
                margin-top: 60px;}
            .hero-image {
                margin-left: 220px;
                background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../../images/homemaderavioli.jpg);
                background-size: cover;
                height: 1200px;
                background-position: center;
                text-align: center;
            }
            input[type=text], input[type=number], select, textarea {
                display: block;
                width: 400px; 
                padding: 12px; 
                border: 2px solid #ccc; 
                border-radius: 1px; 
                box-sizing: border-box; 
                margin-top: 6px;
                margin-bottom: 16px; 
                margin: auto;
                resize: vertical ;
                font-family: Goudy Old Style;
                padding-top: 10px


            }
            input[type=submit] {
                background-color: #543136;
                color: white;
                padding: 12px 20px;
                border: none;
                border-radius: 1px;
                margin: auto;
                cursor: pointer;

            }
            input[type=submit]:hover {
                background-color:gainsboro;
            }
            hr {
                border-style: solid;
                width: 400px;
                color:mediumseagreen;
                margin-bottom: 25px

            }
            h1 {
                font-family: sans-serif;
                font-size: 60px;
                color:white;
                margin-block-start: 0em;
                margin-block-end: 0em;
            }

            h2 {
                font-family: sans-serif;
                color:white;
                margin-block-start: 0em;
                margin-block-end: 0em;
            }
            textarea {
                height: 200px;
            }
            .container {
                display: inline-block;
                padding: 15px 0px 15px 0;
                width: 500px;
                background-color: rgba(219, 218, 218, 0.5);
            }
