@import url("https://fonts.googleapis.com/css2?family=Hubballi&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Varela+Round&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Homemade+Apple&family=Qwitcher+Grypen&display=swap");


body {
  background: linear-gradient(90deg, rgba(161, 76, 219, 1) 0%, rgb(78, 113, 177) 70%, rgb(13, 137, 149) 100%);
  margin: 0 auto;
  font-family: "Fredoka", -apple-system, blinkmacsystemfont, "Helvetica Neue", sans-serif;
  width: 94%;
}
header {
  margin-top: 20px;
  text-align: center;
  margin-bottom: 10px;
}
header .name {
  text-align: center;
  font-size: 42px;
  font-weight: 500;
  margin-top: 20px;
  font-family: "Varela Round";
}
header .picture {
  width: 80%;
  margin: 0 auto;
}
header .picture img {
  max-height: 500px;
  max-width: 500px;
  border-radius: 50%;
  box-shadow: rgb(0, 0, 0, 80%) 5px 5px 5px;
}
header .bio {
  padding-top: 4px;
  font-size: 19px;
  font-weight:200;
}
header .web-link {
  font-size: 18px;
  font-weight:100;
}
header .web-link a {
 text-decoration: none;
 color:#a14cdb;
}
section {
  text-align: center;
  margin: 0 auto;
  width: 96%;
  font-size: 16px;
  font-weight: 300;
}
section h2 {
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: .02em;
  font-family: "Hubballi";
}
section li a {
  color: #000;
  text-decoration: none;
}
section .social ul.social-links {
  text-align: center;
}
section .social ul.social-links li {
  list-style: none;
  margin-bottom: 12px;
  margin-top: 3px;
}
section .social ul.social-links a {
  color: #000;
  text-decoration: none;
}
section .social ul.social-links li.button {
  background-color: #c06af9;
  border: 1px solid #a14cdb;
  box-shadow:  rgb(0, 0, 0, 80%) 2px 2px 2px;
  border-radius: 25px;
  padding: 16px;
  text-align: center;
}
section .events ul.event-links {
  text-align: center;
}
section .events ul.event-links li {
  list-style: none;
  margin-bottom: 12px;
  margin-top: 3px;
}
section .events ul.event-links a {
  color: #000;
  text-decoration: none;
}
section .events ul.event-links li.button {
  background-color: #c06af9;
  border: 1px solid #a14cdb;
  box-shadow:  rgb(0, 0, 0, 80%) 2px 2px 2px;
  border-radius: 25px;
  padding: 16px;
  text-align: center;
}