* {
      margin: 0; padding: 0; border: 0; box-sizing: border-box;
    }

    body {
      background-image: url(Snow.JPG);
      background-size: cover;
    }

    .container {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-around;
      margin: 15px;
    }

    #logo {
      height: 15vh;
      flex: 1 0 100%;
      background-color:lavender;
      margin-bottom: 10px;
      border: 2px solid burlywood;
    }  
    
    h1 {
        padding-left: 400px;
        font-size: 6em;
        color: peachpuff;
        text-shadow: 5px 5px 5px gray;
      }



    ul {
        text-align: left;
        line-height: 30px;
        padding-left: 10px;

    }


    ul > a {
        font-size:20px;
        color:grey;
        text-shadow: 0px 2px 2px whitesmoke;
        font-weight: bold;
        text-decoration: none;
        transition: color 300ms linear;

    }

    ul > a:hover {
        color: #a4a4ef;
    }

    #sidebar {
      border: 2px solid burlywood;
      width: 15vw;
      height: 80vh;

    }

    .headerbody {
        flex: 1 0 75%; 
        height: 80vh;
        margin-left: 10px;
    }

    #header {
      border: 2px solid burlywood;
      flex: 1 0 75%;
      height: 45vh;
      margin-bottom: 1vh;
      background-image: url(oly.jpg);
      background-size: cover;
      background-position: center;
      font-size: 70px;
      letter-spacing: 35px;
      color:lavender;
      font-weight:bold;
      text-align: center;
      

      
    }
    

    #bodyarea {
      height: 34vh;
      flex: 1 0 75%;
      border: 2px solid burlywood;
      background-color: rgba(40,40,40,.5);
      line-height: 30px;
      font-size: 25px;
      color:lavender;
      text-align: center;
      padding: 20px;

    }

    #footer {
      height: 10vh;
      flex: 1 0 100%;
      background-color: lavender;
      margin-top: 10px;
      font-size: 2em;
      color: white;
      padding-left: 650px;
      padding-top: 15px;
      text-shadow: 5px 5px 5px gray;
      border: 2px solid burlywood;
    }

    .material-symbols-outlined {
      font-variation-settings:
    'FILL' 30,
    'wght' 1000,
    'GRAD' 0,
    'opsz' 48;
      font-size: 50px;
      text-shadow: none;
      letter-spacing: 50px;
  }