@import url("https://fonts.googleapis.com/css2?family=Lexend+Mega&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Benne&display=swap");
.socialNav a {
  color: #f2f2f2;
  text-decoration: none;
  font-size: 0.95rem; }
  .socialNav a .fas:hover {
    transform: scale(1.3); }
  .socialNav a .fab,
  .socialNav a .fas {
    color: #ffd700;
    transition: all 0.2s; }
    .socialNav a .fab:hover,
    .socialNav a .fas:hover {
      transform: scale(1.3); }

.socialNav img {
  height: 2rem;
  transition: all 0.2s; }
  .socialNav img:hover {
    transform: scale(1.3); }

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

body {
  background: url("../img/primaryBG.png") center center/cover no-repeat;
  height: 100%;
  font-family: "Lexend Mega", serif;
  color: #f2f2f2; }

main {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

#profile {
  animation: fadeInDown;
  animation-duration: 2s; }
  #profile img {
    height: 10rem; }
  #profile .logo {
    border-radius: 50%; }

#mainText .mainTitle {
  font-family: "Lexend Mega", serif;
  animation: fadeInDown;
  animation-duration: 2.5s; }

#mainText .mainSubtitle {
  animation: fadeInDown;
  animation-duration: 2.8s; }

#carousel .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

#carousel img {
  height: 3rem;
  width: 3rem; }

#addOns {
  color: #ffd700;
  height: 2rem;
  font-weight: 700;
  font-size: 1.5rem;
  animation: fadeInDown;
  animation-duration: 3.2s; }

#description {
  font-family: "Lexend Mega", serif;
  line-height: 2rem;
  animation: fadeInUp;
  animation-duration: 2s; }

#mainNav {
  animation: fadeInUp;
  animation-duration: 2.5s; }

img {
  height: 50%; }