*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
body{
    background: #8e9c7b;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #ffded3, rgb(219, 173, 120));  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #ffded3, rgb(219, 173, 120)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
     #logo{
        margin:auto;
        height: 50%;
        width: 50%;
        text-align: center;
     }
 
     #logo h1{
          font-family: Arial, Helvetica, sans-serif;
          font-size: 58px;
     }
 
     nav{
        height: 100px;
        background-color:rgb(161, 148, 148);
        text-align: center;
        display: flex;
        justify-content: space-around;

    }

 
     nav ul{
          list-style: none;
          display:initial;
          padding: 0px;
          
     }
 
     nav ul li{
         float: left;
         margin-top: 35px;
     }
 
     nav ul li a {
     color: rgb(255, 255, 255);
   text-decoration:wavy;
   font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
   font-size: 20px;
   padding: 20px;
     }
 
nav ul li a:hover{
   background-color: rgb(255, 255, 255);
   color: black;
}

#logo {
    width: 100%;

}

nav img {
    height: 100px;

}

#logo img {
    height: 100%;
    width: 100vw;
    object-fit: cover;
}

body {
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    background-color: #f0f0f0;
    color: #333;
    margin: 0;
    padding: 0;
}

header {
    color: #fff;
    text-align: center;
}

main {
    max-width: 800px;
    margin: 20px auto;
    padding: 20px;
}

.hero {
    background-color: #666;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 2em;
    margin-bottom: 20px;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;

}

.btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #333;
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
       font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;

}

.btn:hover {
    background-color: #555;
    border-radius: 5px;

}

.content {
    background-color: #ddd;
    padding: 20px;
    border-radius: 5px;
    color: #333;
}

footer {
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 1em 0;
    position: fixed;
    bottom: 0;
    width: 100%;
}