html {
    scroll-behavior: smooth;
    height: 100%;
  }
  
  body {
      background-size: cover;
    background-position: center;
    background-attachment: fixed;
      font-family: 'Alata', sans-serif;
      color: #c5c6c7;
      height: 100%;
  }

.mainTitle{
      color: #ffffff;
      font-size: 8rem;
      text-align: center;
      margin-top: 5%;
  }

.subTitle{
      color: #17252a;
      font-size: 3rem;
      text-align: center;
      margin-top: 0%;
  }

.subTitleTwo{
    color: #3aafa9;
    font-size: 3rem;
    text-align: center;
    margin-top: 0%;
}

.subTitleThree{
    color: #ffffff;
    font-size: 3rem;
    text-align: center;
    padding-bottom: 2%;
}

.subTitleFour{
    color: #ffffff;
    font-size: 2.5rem;
    text-align: left;
    margin-top: 0%;
}

  .subScroll{
    color: #ffffff;
    font-size: 2rem;
    text-align: center;
    margin-top: 15%;
    margin-bottom: 10%;
}


  .toolsTitle{
      text-align: center;
      color: #ffffff;
  }

  .justCenter{
      text-align: center;
  }

  .imgMe{
      border-radius: 50%;
      width: 20%;
      min-width: 220px;
      margin-top: 5%;
  }

  hr {
      border-top: 1px solid #ffffff;
  }

  li{
      font-size: 2rem;
      color: #17252a;
  }

.anotherOne{
    font-size: 2rem;
      color: #ffffff;
}

.anotherOneAsWell{
    font-size: 1.5rem;
      color: #ffffff;
}

.notAnotherOne{
    font-size: 1rem;
    color: #ffffff;
}

.alsoAnotherOne{
    font-size: 2rem;
    color: #3aafa9;
}

  .header{
      background-color: #3aafa9;
  }

  .tools{
      padding-top: 5%;
      padding-bottom: 5%;
      background-color: #17252a;
  }

  .education{
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: #3aafa9;
  }

  .contact{
    padding-top: 5%;
    padding-bottom: 0%;
    background-color: #3aafa9;
}

  .lastRow{
      padding-top: 2.5%;
      padding-bottom: 2.5%;

  }

  #resume{
      width: 100%;
      height: 100vh;
  }

  a:hover{
      text-decoration: none;
  }

  .webWidth{
      width: 100%;
  }

  .webHeight{
      width: 50%;
      
  }

  .subH1 {
      text-align: center;
  }

  p {
      font-size: 1.5rem;
      color: #ffffff;
      text-align: left;
      padding-left: 5%;
      padding-right: 5%;
      margin-top: 3%;
  }

  li {
    list-style-type: none;
  }

  @media screen and (max-width: 576px){
      #hidePls {display: none;}
  }