body {
  background-color: #121212;
}

.main {
  position: fixed;
  top: 50%;
  left: 50%;
  height: 1px;
  width: 1px;
  background-color: #ffffff;
  border-radius: 50%;
  animation: zoom 18s ease-in-out alternate infinite;
}

@keyframes zoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.5) rotate(10deg);
  }
}

.cent {
  position: relative;
  margin: auto;
  top: 30vh;
  background-color: #272727;
  width: 80vw;
  border-radius: 20px;
  box-shadow: 0 4px 8px 0 #0000001a, 0 6px 20px 0 #00000019;
  padding: 18px;
  min-width: 200px;
  max-width: 600px;
}

.body {
  color: #ffffff;
  font-family: 'Lexend Deca', sans-serif;
  text-align: center;
}

.pronouns {
  color: #CECECE;
  font-family: 'Lexend Deca', sans-serif;
  text-align: center;
}
p {
  font-size: 18px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 22px;
}

a {
  text-decoration: none;
}

.iconbox {
  width: fit-content;
  margin: auto;
}

.icon svg{
  cursor: pointer;
  margin: 2px;
  width: 38px;
}