body {
  background: linear-gradient(
    to right,
    rgb(1, 77, 208),
    rgba(1, 5, 120, 0.937),
    rgb(2, 65, 154)
  ) !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  color: rgba(253, 250, 250, 0.921) !important;
}
nav {
  background-color: #010223e8 !important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
nav ul li a {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1.2px;
}
nav ul li a:hover {
  color: rgba(249, 211, 38, 0.735) !important;
  transition: 1s all;
}
#sc {
  animation-name: border-animation;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}
/* Background Animation */
@keyframes border-animation {
  0% {
    border: 1px solid rgb(157, 3, 137);
  }
  25% {
    border: 1px solid rgb(255, 7, 172);
  }

  100% {
    border: 1px solid rgb(157, 3, 134);
  }
}

/* Animated Gradient */