body{
  background-color: #CAE0F3;

}
#title {
    background-color: aqua;
    font-size: 45px;
    font-weight: 600;
    background-image: linear-gradient(to left, #66FF66, #28C7D8);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    text-align: center;
    margin-bottom: 30px;
    border-style: solid;
    border-color: aqua;
    border-width: 6px;

  }
#name {
  font-size: 30px;
  font-weight: 600;
  color: black;
  border-style: solid;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-color: aqua;
  border-width: 6px;
}

#school {
  font-size: 30px;
  font-weight: 600;
  color: black;
  margin-bottom: 30px;
  margin-top: 20px;
  border-style: solid;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-color: aqua;
  border-width: 6px;
}

.buttons {
  background-color: #7FDABE;
  font-size: 20px;
  color: #132518;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

h2{
  color: black;
  font-size: 25px;
  border-style: solid;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-color: aqua;
  border-width: 6px;

}

.whoami{
  color: black;
  font-size: 17px;
  border-style: solid;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-color: aqua;
  border-width: 4px;
}

#me {
  color: black;
  font-size: 22px;
  border-style: solid;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-color: aqua;
  border-width: 6px;
}

.aboutme{
  color: black;
  font-size: 17px;
  border-style: solid;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-color: aqua;
  border-width: 4px;
}

#projects {
  color: black;
  font-size: 22px;
  border-style: solid;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-color: aqua;
  border-width: 6px;
}

.projects{
  color: black;
  font-size: 17px;
  border-style: solid;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-color: aqua;
  border-width: 4px;
}

a {
  background-color: #7FDABE;
  font-size:20px
}

#quotes {
  color: black;
  font-size: 22px;
  border-style: solid;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-color: aqua;
  border-width: 6px;
}

.quotes {
  color: black;
  font-size: 17px;
  border-style: solid;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-color: aqua;
  border-width: 4px;
}

#photos {
  color: black;
  font-size: 22px;
  border-style: solid;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-color: aqua;
  border-width: 6px;
}

#contacts {
  color: black;
  font-size: 22px;
  border-style: solid;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-color: aqua;
  border-width: 6px;
}

.contacts {
  color: black;
  font-size: 17px;
  border-style: solid;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-color: aqua;
  border-width: 4px;
}