html{
     scroll-behavior: smooth;
}

body{
     background-color:whitesmoke;
     font-family: Helvetica, Arial, sans-serif;
}
.navbar{
     transition: all, 0.2s;
}
.navbar-scrolled{
     background-color: rgba(255, 255, 255, 0.7);
     box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}
.poppins-regular {
     font-family: "Poppins", sans-serif;
     font-weight: 400;
     font-style: normal;
   }
.poppins-bold {
     font-family: "Poppins", sans-serif;
     font-weight: 700;
     font-style: normal;
   }
   *{
     padding: 0;
     margin: 0;
     box-sizing: border-box;
  }
  footer{
     background-color: whitesmoke;
  }
  .footerContainer{
     width: 100%;
     padding: 70px 30px 20px;
  }
  .socialIcons{
     display: flex;
     justify-content: center;
  }
  .socialIcons a{
     text-decoration: none;
     padding: 10px;
     background-color: white;
     margin: 10px;
     border-radius: 50%;
  }
  .socialIcons a i{
     font-size: 2em;
     color: black;
     opacity: 0.9;
  }

  .socialIcons a:hover{
     background-color: #111;
     transition: 0.5s;
  }

  .socialIcons a:hover i{
     color: white;
     transition: 0.5s;
  }
  .email{
     color: #111;
     justify-content: center;
     text-align: center;
  }