body{
    font-family: serif, sans-serif;
    margin: 0;
    padding: 0;
    background-color: white;
    justify-content: center;
    }
    header{
    background-color: #0c724e;
    padding: 40px;
    text-align: center;
    box-shadow: 0px 20px 25px rgba(30, 30, 30, 9.9);
    }
    h1{
    font-size: 78px;
    color: white;
    font-family: sans-serif;
    margin-top: 90px;
    text-shadow: #010807 15px -5px 10px;
    }
    header img{
      margin-top: 11.5%;
      border-radius: 200px;
      align-items: center;
      justify-content: center;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      height: 340px;
      width: 340px;
      border: 6px solid #AAFFF7;
      box-shadow: 0px 0px 50px rgba(30, 30, 30, 9.9);
      flex-wrap: wrap;
    }
    .content h2{
        font-family: serif;
        font-size: 45px;
        text-shadow: #0d9566 3px -2px 5px;
    }
    .caption h2{
      text-align: center;
      font-size: 50px;
    }
    .content p{
        font-size: 25px;
        font-family: serif;
    }
    .content{
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 10px;
    background-color: white;
    }
    .content ol li{
        font-size: 25px;
        font-family: serif;
    }
    img.big-image{
      width: 85%;
      height: 450px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      margin-left: auto;
      margin-right: auto;
      margin-top: 40px;
      box-shadow: 15px 19px 22px rgba(30, 30, 30, 10);
    }
    .logos{
      justify-content: center;
      align-items: center;
      display: flex;
      flex-wrap: nowrap;
      margin: auto;
      transition: transform 0.5s ease-in-out;
    }
    .logos a img{
      display: flex;
      margin-left: auto;
      margin-right: auto;
      width: 80px;
      border-radius: 100px;
      margin-top: 20px;
      margin: 17px;
      box-shadow: 5px 9px 9px rgba(30, 30, 30, 9.9);
      border: 2px solid #0a0e0e;
    }
    .logos .Bry:hover{
      transform: scale(1.2); 
      color: #0d9566;
      text-shadow: #090b0a 1px -1px 3px;
    }
    .logos .Cheng:hover{
      transform: scale(1.2); 
      color: #0d9566;
      text-shadow: #090b0a 1px -1px 3px;
    }
    .logos .Kristian:hover{
      transform: scale(1.2); 
      color: #0d9566;
      text-shadow: #090b0a 1px -1px 3px;
    }
    h3{
      display: flex;
      margin: 10px;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      font-family: serif;
      font-weight: 600;
    }

    footer{
        width: 100%;
        height: 10.9vh;
        margin-top: 50px;
        padding: 0px;
        background-color: #089060;
        background-size: cover;
        border-radius: 0px;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 5.5);
        }
        
        
        .footerContainer{
          width: 100%;
          padding: 0px;
          margin: 0%;
        }
        
        
        .socialIcons{
          display: flex;
          justify-content: center;
        }
        
        
        .socialIcons a{
          text-decoration: none;
          display: block;
          padding: 10px;
          background-color: #ffffff;
          margin: 10px;
          border-radius: 50%;
          box-shadow: 3px 5px 8px rgba(0, 0, 0, 5.5);
        }
        .socialIcons a i{
          font-size: 30px;
          color: #000;
          opacity: 0.9;
          justify-content: center;
          align-items: center;
          margin: auto;
          margin-left: auto;
          margin-right: auto;
        }
        .socialIcons a:hover{
          background-color: #0d9566;
          transition: 0.5s;
        }
        .footerBottom{
          height: auto;
          padding: 0px;
          margin-top: -15px;
          text-align: center;
        }
        .paragrap-box ul li a:hover{
        opacity: 1;
        }
        .designer{
          opacity: 0.7;
          text-transform: uppercase;
          letter-spacing: 1px;
          font-weight: 40px;
          color: #ffffff;
          margin: 0 5px;
          text-shadow: #010807 2px -2px 3px;
        }