/* src/styles.scss */
.desktop {
  display: block !important;
}
.mobile {
  display: none !important;
}
.btn-multiverso {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-family: "Roboto-Regular";
  font-size: 1rem;
  background-color: #ffffff;
  padding: 1rem 2rem;
  border-radius: 0.625rem;
  border: 0.125rem solid #ffffff;
  cursor: pointer;
}
.btn-multiverso img {
  width: 1.5rem;
}
.btn-multiverso:hover {
  border-color: #26A9E0;
}
.btn-multiverso.yellow {
  background-color: #F9EC31;
  border-color: #F9EC31;
}
.btn-multiverso.yellow:hover {
  color: #ffffff;
  background-color: transparent;
}
.emphasis {
  font-family: "Roboto-Bold";
}
.emphasis.yellow {
  color: #F9EC31;
}
.emphasis.blue {
  color: #26A9E0;
}
.fade {
  animation: fade 1ms linear;
  animation-timeline: view();
  animation-range: cover 0% cover 50%;
}
.fadeRight {
  animation: fadeRight 1ms linear;
  animation-timeline: view();
  animation-range: cover 0% cover 50%;
}
.fadeLeft {
  animation: fadeLeft 1ms linear;
  animation-timeline: view();
  animation-range: cover 0% cover 40%;
}
@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeRight {
  from {
    opacity: 0;
    translate: 100vw 0;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
@keyframes fadeLeft {
  from {
    opacity: 0;
    translate: -100vw 0;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
@media (min-width: 0) and (max-width: 1024px) {
  .desktop {
    display: none !important;
  }
  .mobile {
    display: block !important;
  }
}
@font-face {
  font-family: "Roboto-Regular";
  src: url("./media/Roboto-Regular.eot");
  src:
    url("./media/Roboto-Regular.eot?#iefix") format("embedded-opentype"),
    url("./media/Roboto-Regular.svg#Roboto-Regular") format("svg"),
    url("./media/Roboto-Regular.ttf") format("truetype"),
    url("./media/Roboto-Regular.woff") format("woff"),
    url("./media/Roboto-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Medium";
  src: url("./media/Roboto-Medium.eot");
  src:
    url("./media/Roboto-Medium.eot?#iefix") format("embedded-opentype"),
    url("./media/Roboto-Medium.svg#Roboto-Medium") format("svg"),
    url("./media/Roboto-Medium.ttf") format("truetype"),
    url("./media/Roboto-Medium.woff") format("woff"),
    url("./media/Roboto-Medium.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Light";
  src: url("./media/Roboto-Light.eot");
  src:
    url("./media/Roboto-Light.eot?#iefix") format("embedded-opentype"),
    url("./media/Roboto-Light.svg#Roboto-Light") format("svg"),
    url("./media/Roboto-Light.ttf") format("truetype"),
    url("./media/Roboto-Light.woff") format("woff"),
    url("./media/Roboto-Light.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Bold";
  src: url("./media/Roboto-Bold.eot");
  src:
    url("./media/Roboto-Bold.eot?#iefix") format("embedded-opentype"),
    url("./media/Roboto-Bold.svg#Roboto-Bold") format("svg"),
    url("./media/Roboto-Bold.ttf") format("truetype"),
    url("./media/Roboto-Bold.woff") format("woff"),
    url("./media/Roboto-Bold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
html,
body {
  height: 100%;
  font-size: 1em;
}
@media (min-width: 0px) and (max-width: 1900px) {
  html,
  body {
    font-size: 0.7em;
  }
}
@media (min-width: 760px) and (max-width: 1024px) {
  html,
  body {
    font-size: 1em;
  }
}
body {
  font-family: "Roboto-Light";
  color: #ffffff;
  background-color: #000000;
  margin: 0;
  overflow-x: hidden;
}
body::-webkit-scrollbar {
  width: 1.25rem;
}
body::-webkit-scrollbar-thumb {
  background-color: #F9EC31;
  border-radius: 1.25rem;
  border: 0.3125rem solid #000000;
}
.title-txt {
  font-family: "Roboto-Bold";
  font-size: 2.5em;
  line-height: 1.5em;
}
.description-txt {
  font-family: "Roboto-Light";
  font-size: 1.6em;
  line-height: 1.5em;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */