/* - - - - - - fonts - - - - - - */
@import url("https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&family=Maven+Pro:wght@400..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap");
/* - - - - - - colors - - - - - - */
/* - - - - - - fonts  - - - - - - */
/* - - - - - - mixins - - - - - - */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

p,
span,
a,
li {
  font-size: 1vw;
  font-weight: 400;
}
@media (min-width: 769px) and (max-width: 1024px) {
  p,
  span,
  a,
  li {
    font-size: 1.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  p,
  span,
  a,
  li {
    font-size: 1.8vw;
  }
}
@media (max-width: 500px) {
  p,
  span,
  a,
  li {
    font-size: 3.5vw;
  }
}

@keyframes opacity-pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes bounce {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(0, -0.5vw);
  }
  50% {
    transform: translate(0, 0);
  }
  75% {
    transform: translate(0, 0.5vw);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body {
  width: 100%;
  height: 100vh;
  background-color: #111827;
  display: grid;
  place-items: center;
  padding: 10%;
}
body .main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
body .main .logo {
  width: 100%;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
}
@media (max-width: 500px) {
  body .main .logo {
    margin-bottom: 5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body .main .logo {
    margin-bottom: 3vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body .main .logo {
    margin-bottom: 3vw;
  }
}
body .main .logo img {
  width: 100%;
}
@media (max-width: 500px) {
  body .main .logo img {
    width: 80%;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body .main .logo img {
    width: 80%;
  }
}
body .main .text {
  animation: opacity-pulse 2s infinite;
}
body .main .text p {
  color: #3c91e6;
  font-family: "Source Code Pro", monospace;
}/*# sourceMappingURL=styles.css.map */