body {
  background: rgb(2, 0, 36);
  background: linear-gradient(
    87deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(9, 110, 121, 1) 28%,
    rgba(0, 212, 255, 1) 100%
  );
  min-height: 100vh;
}

.footer-content {
  /* background-color: darkgrey;
  background-color: #723d46; */
  background-color: #00afb9;
  border-radius: 10px;
  color: white;
}

.navbar-style {
  /* background-color: darkgray; */
  /* background-color: #e26d5c; */
  /* background-color: #723d46; */
  background-color: #00afb9;
  /* background-color: #0081a7; */
  border-radius: 10px;
  font-size: 24px;
}

.inter-mainBody {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "slnt" 0;
}

.span-bold {
  font-weight: bold;
}

.white-text {
  color: white;
}

.nav-item:hover {
  transform: translateY(-3px) scale(1.05);
  font-weight: 500;
  color: orange;
}

.nav-link:hover {
  color: orange;
}

i {
  color: whitesmoke;
}

.fa {
  font-size: 48px;
}

i:hover {
  color: orange;
}

.logo-container {
  perspective: 1000px;
}

.logo {
  transition: transform 10s;
}

.logo:hover {
  transform: rotateY(360deg);
}

h1,
h2,
h3,
h4,
h5,
span {
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/* .logo-container {
  perspective: 1000px;
}

.logo {
  animation: rotateLogo 5s linear infinite;
}

.spin {
  transform: rotate(360deg);
}

@keyframes rotateLogo {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
} */