@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box; }

html {
  scroll-behavior: smooth; }

body {
  height: 100vh;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  color: #14141f; }

.body__wrapper {
  opacity: 0;
  display: none; }

.body--loaded {
  height: 100%; }

.body--loaded .body__wrapper {
  display: block;
  animation: first-load 1s 0.5s forwards; }

ul {
  list-style: none; }

main {
  display: flex;
  flex-direction: column;
  gap: 5rem; }

.container {
  width: 100%;
  max-width: 200rem;
  margin: auto;
  padding: 5rem 1.5rem; }

.background--light {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  z-index: -1000;
  background-image: linear-gradient(141deg, #fff 0%, #f7f7f7 51%, #fff 75%);
  transform: scaleY(0);
  transition: transform 0.3s ease-in-out;
  transform-origin: top; }

.section__header {
  width: 100%;
  display: flex;
  flex-direction: column;
  color: white; }

.section__title {
  font-size: clamp(0.8rem, 10vw, 3rem); }

.article__likes {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  justify-content: center;
  margin-left: auto;
  border-radius: 1rem;
  box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.5);
  font-weight: 600;
  cursor: pointer; }

.like__btn {
  display: grid;
  place-items: center;
  height: 4rem;
  width: 4rem;
  background-image: url("../Assets/Images/03_Live_Auctions/heart-animation.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: 2900%; }

.article--liked .like__btn {
  animation: heart-burst 0.8s steps(28) 1 forwards; }

.scroll__btn {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  padding: 2rem;
  border-radius: 50%;
  font-size: 1.8rem;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; }

.scroll__btn i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.scroll__btn--active {
  opacity: 0.9;
  visibility: visible; }

.scroll__btn--active:hover {
  opacity: 1; }

@keyframes heart-burst {
  from {
    background-position: left; }
  to {
    background-position: right; } }
@keyframes first-load {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@media screen and (min-width: 400px) {
  .section__header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between; } }
@media screen and (min-width: 688px) {
  .container {
    padding: 5rem 2rem; }

  .scroll__btn {
    bottom: 2rem;
    right: 2rem;
    padding: 2.5rem;
    font-size: 2rem; } }
@media screen and (min-width: 1312px) {
  .container {
    padding: 5rem; } }
::-webkit-scrollbar {
  width: 0.5rem; }

::-webkit-scrollbar-thumb:hover {
  background: #3930a3; }

::-webkit-scrollbar-track {
  background: white; }

::-webkit-scrollbar-thumb {
  background: #14141f; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: all 0s 50000s;
  -webkit-text-fill-color: #14141f !important; }

.theme--dark ::-webkit-scrollbar-track {
  background: #14141f; }
.theme--dark ::-webkit-scrollbar-thumb {
  background: white; }
.theme--dark input:-webkit-autofill,
.theme--dark input:-webkit-autofill:hover,
.theme--dark input:-webkit-autofill:focus,
.theme--dark input:-webkit-autofill:active {
  transition: all 0s 50000s;
  -webkit-text-fill-color: white !important; }

html {
  font-size: 62.5%;
  font-family: "Urbanist", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }

body {
  font-size: clamp(0.8rem, 5vw, 1.5rem);
  color: var(--theme-main-color); }

button {
  cursor: pointer;
  font-family: inherit; }

input {
  font-family: inherit; }

a {
  text-decoration: none; }

.header__wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(1rem, 5vw, 5rem);
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 700;
  box-shadow: 0 0.1rem 0.1rem 0.01rem rgba(138, 138, 138, 0.13);
  z-index: 1000;
  transition: background-color 0.3s ease-in-out; }
  .header__wrapper .title__img {
    width: clamp(4rem, 20vw, 14rem); }
  .header__wrapper .header__menu-btn {
    cursor: pointer; }
    @media screen and (min-width: 1400px) {
      .header__wrapper .header__menu-btn {
        display: none; } }
  .header__wrapper .login {
    margin-left: auto; }
    .header__wrapper .login__btn {
      font-size: 105%;
      transition: all 0.3s ease-in-out; }
      .header__wrapper .login__btn:hover {
        color: #3930a3; }
  .header__wrapper input:-webkit-autofill,
  .header__wrapper input:-webkit-autofill:hover,
  .header__wrapper input:-webkit-autofill:focus,
  .header__wrapper input:-webkit-autofill:active {
    transition: all 0s 50000s;
    -webkit-text-fill-color: #14141f !important; }
  .header__wrapper .theme--dark input:-webkit-autofill,
  .header__wrapper .theme--dark input:-webkit-autofill:hover,
  .header__wrapper .theme--dark input:-webkit-autofill:focus,
  .header__wrapper .theme--dark input:-webkit-autofill:active {
    transition: all 0s 50000s;
    -webkit-text-fill-color: white !important; }
  @media screen and (min-width: 1400px) {
    .header__wrapper {
      top: 0;
      display: grid;
      grid-template-columns: auto 1fr auto;
      align-items: center; } }

.hero__wrapper {
  display: grid;
  grid-template-rows: 1fr auto;
  grid-template-columns: 100%;
  margin-top: 5rem; }

.hero--left {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  grid-row: 2; }

.hero__title {
  grid-area: 1/ 1/ 2/ 3;
  font-size: clamp(1rem, 10vw, 8rem);
  transition: all 0.3s ease-in-out; }

.hero__title:hover {
  opacity: 0.9; }

.hero__span {
  background: #d560ff;
  background: linear-gradient(180deg, #d560ff 0%, #a958ff 56%, #4846ff 100%);
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  -webkit-background-clip: text; }

.hero__description {
  grid-area: 2/ 1/ 3/ 3; }

.hero__btns {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem; }

.hero__btn {
  width: 100%;
  font-weight: 700; }

.hero--right {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100%;
  overflow-x: clip; }

.hero__img-wrapper {
  width: 80%;
  overflow: hidden;
  transform: rotate(30deg);
  animation: planet-rotate 9s linear infinite; }

.hero__img {
  width: 100%;
  animation: planet-float 7s infinite; }

.hero__blob {
  width: 100%;
  position: absolute;
  z-index: -10;
  opacity: 0; }

.hero__blob--first {
  top: -50%;
  left: 5%;
  --blob-opacity: 0.2; }

.hero__blob--second {
  top: -5%;
  left: -5%;
  height: 100%;
  --blob-opacity: 0.4; }

.hero__blob--third {
  bottom: -5%;
  right: -5%;
  height: 100%;
  --blob-opacity: 0.4; }

.hero__blob--forth {
  bottom: 0;
  left: -15%;
  height: 100%;
  --blob-opacity: 0.3; }

.hero__blob--animated {
  animation: blobs 3s; }

@keyframes planet-rotate {
  0%,
  100% {
    transform: rotate(7deg); }
  50% {
    transform: rotate(-5deg); } }
@keyframes planet-float {
  0%,
  100% {
    transform: translateY(3%); }
  50% {
    transform: translateY(-3%); } }
@keyframes bg-planets-float {
  0%,
  100% {
    transform: translate(3%, 5%); }
  33% {
    transform: translate(-3%, -5%); }
  66% {
    transform: translate(-3%, 5%); } }
@keyframes blobs {
  0%,
  100% {
    opacity: 0;
    fill: #7b00ff; }
  50% {
    opacity: var(--blob-opacity);
    fill: #bb00ff; } }
/* --------------------- Media Queries ----------------- */
@media screen and (min-width: 300px) {
  .hero__btns {
    flex-direction: row; }

  .hero__btn {
    width: Min(100%, 20rem); } }
@media screen and (min-width: 992px) {
  .hero__wrapper {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    margin-top: 15rem; }

  .hero--left {
    grid-row: unset; }

  .hero__img-wrapper {
    width: 100%; } }
#footer {
  background-color: black; }

.footer__wrapper {
  width: Min(100%, 50rem);
  display: grid;
  grid-template-columns: 100%;
  gap: 2.5rem;
  padding: 3rem 1rem 6rem 1rem;
  color: white; }

.footer__item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%; }

.footer__logo {
  width: Min(100%, 12rem); }

.footer__description {
  opacity: 0.9; }

.footer__links {
  display: flex;
  flex-direction: column;
  gap: 0.5rem; }

.footer__link {
  width: max-content;
  position: relative;
  display: inline-block;
  color: white;
  opacity: 0.9; }

.footer__link::before {
  content: "";
  position: absolute;
  bottom: -0.3rem;
  left: 0;
  width: 100%;
  border-bottom: solid 0.1rem white;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease-in-out; }

.footer__link:hover::before {
  transform: scaleX(1);
  transform-origin: left; }

.footer__form {
  display: flex;
  flex-direction: column;
  box-shadow: inset 0 0 0 0.1rem #ffffff80;
  border-radius: 1.1rem;
  -moz-border-radius: 1.1rem;
  overflow: hidden; }

.footer__input {
  width: 100%;
  padding: 1.5rem 1rem;
  border: none;
  font-size: inherit;
  background-color: transparent;
  color: white; }

.footer__input:focus {
  outline: none; }

.footer__submit-btn {
  position: relative;
  display: grid;
  place-items: center;
  padding: 0.5rem;
  border: none;
  background-color: #3930a3;
  color: white;
  font-size: inherit; }

.footer__submit-btn i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.footer__socials {
  width: max-content;
  margin-top: 1rem;
  display: grid;
  grid-template-columns: Repeat(2, minmax(2rem, 1fr));
  place-items: center;
  align-self: center;
  gap: 1rem; }

.footer__social-btn {
  display: grid;
  place-items: center;
  font-size: clamp(1rem, 5vw, 1.8rem);
  padding: 0.8rem;
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  transition: all 0.3s ease-in-out; }

.footer__social-btn:hover {
  transform: scale(1.1); }

/* --------------------- Media Queries ----------------- */
@media screen and (min-width: 150px) {
  .footer__socials {
    grid-template-columns: Repeat(3, minmax(0, 1fr)); } }
@media screen and (min-width: 250px) {
  .footer__form {
    flex-direction: row;
    align-items: stretch; }

  .footer__submit-btn {
    margin-left: auto;
    padding: 1.5rem 2.5rem; }

  .footer__socials {
    grid-template-columns: Repeat(6, minmax(0, 1fr));
    gap: 0; } }
@media screen and (min-width: 300px) {
  .footer__wrapper {
    grid-template-columns: Repeat(2, minmax(0, 1fr)); }

  .footer__item:first-child {
    grid-area: 1/ 1/ 2/ 3;
    align-items: center; }

  .footer__item:last-child {
    grid-area: 4/ 1/ 5/ 3;
    width: Min(100%, 50rem);
    justify-self: center; }

  .footer__socials {
    width: Min(100%, 50rem); }

  .footer__submit-btn {
    margin-left: auto;
    padding: 1.5rem 2.5rem; } }
@media screen and (min-width: 688px) {
  .footer__wrapper {
    width: 100%;
    padding: 5rem 2rem;
    grid-template-columns: Repeat(3, minmax(0, 1fr));
    justify-items: center;
    gap: 4rem 2rem; }

  .footer__item:first-child {
    grid-area: 1/ 1/ 2/ 4;
    align-items: flex-start; }

  .footer__item:last-child {
    grid-area: 3/ 1/ 4/ 4;
    justify-self: center; } }
@media screen and (min-width: 992px) {
  .footer__wrapper {
    grid-template-columns: Repeat(4, minmax(0, 1fr));
    place-items: center;
    gap: 4rem 2rem; }

  .footer__item {
    gap: 2rem; }

  .footer__item:first-child {
    grid-area: unset; }

  .footer__item:last-child {
    grid-area: 2/ 1/ 3/ 5; }

  .footer__links {
    gap: 1.5rem; } }
@media screen and (min-width: 1312px) {
  #footer {
    width: fit-content;
    margin: auto; }

  .footer__wrapper {
    grid-template-columns: Repeat(5, minmax(0, 1fr));
    place-items: center; }

  .footer__item:last-child {
    grid-area: unset;
    gap: 1rem; } }
body {
  height: 100vh; }

.body--loaded .loading__spinner {
  display: none; }

.loading__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.spinner__planet {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 8rem;
  width: 8rem; }

.spinner__sun {
  background-image: linear-gradient(141deg, #ff7300, #ffae00);
  box-shadow: 0 0 4rem 0.1rem #ffae00;
  border-radius: 50%;
  animation: planets-move 3s infinite, planets-shine--sun 2s infinite; }
@keyframes planets-shine--sun {
  0%,
      100% {
    box-shadow: 0 0 3rem 0.1rem #ffae00; }
  50% {
    box-shadow: 0 0 2rem 0.1rem #ffae00; } }
.spinner__moon {
  background-image: linear-gradient(141deg, #0084ff, #6ca4da);
  box-shadow: 0 0 4rem 0.1rem #6ca4da;
  border-radius: 50%;
  animation: planets-move-reverse 3s infinite, planets-z-index 3s infinite, planets-shine--moon 2s 0.5s infinite; }
@keyframes planets-shine--moon {
  0%,
      100% {
    box-shadow: 0 0 3rem 0.1rem #6ca4da; }
  50% {
    box-shadow: 0 0 2rem 0.1rem #6ca4da; } }
.moon__freckle {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.055);
  border-radius: 100%;
  transform: rotateZ(-30deg); }

.moon__freckle--lg {
  top: 1rem;
  left: 1.5rem;
  height: 0.8rem;
  width: 1.5rem; }

.moon__freckle--s {
  top: 0.5rem;
  left: 3rem;
  height: 0.5rem;
  width: 1rem; }

.moon__freckle--xs {
  top: 1.1rem;
  left: 3.5rem;
  height: 0.3rem;
  width: 0.6rem; }

@keyframes planets-move {
  0%,
  100% {
    transform: translate(-120%, -50%); }
  50% {
    transform: translate(0, -50%); } }
@keyframes planets-move-reverse {
  0%,
  100% {
    transform: translate(0%, -50%); }
  50% {
    transform: translate(-120%, -50%); } }
@keyframes planets-z-index {
  0%,
  49%,
  100% {
    z-index: 1; }
  50%,
  99% {
    z-index: -1; } }
.btn {
  padding: 1rem 1.5rem;
  outline: 0;
  border: none;
  box-shadow: none;
  border-radius: 0.5rem;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  color: inherit; }

.btn--primary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  padding: 0.8rem 3rem;
  border-radius: 10rem;
  box-shadow: inset 0 0 0 0.3rem #3930a3;
  color: inherit;
  text-align: center;
  cursor: pointer; }

.btn--primary:hover {
  background-color: #3930a3;
  color: white; }

.section__explore-btn {
  position: relative;
  padding: 1rem 0.1rem;
  margin-right: auto;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .section__explore-btn::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.1rem;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(#d560ff), color-stop(20%, #a958ff), to(#4846ff));
    background-image: linear-gradient(-90deg, #d560ff 0%, #a958ff 20%, #4846ff 100%);
    background-size: 150%;
    background-position: left;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .section__explore-btn:hover {
    opacity: 0.8; }
    .section__explore-btn:hover::after {
      background-position: right; }
  @media screen and (min-width: 400px) {
    .section__explore-btn {
      margin-right: unset;
      margin-left: auto; } }

@media screen and (min-width: 576px) {
  .btn--primary {
    padding: 1.5rem 3rem; } }
.header__menu {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: Min(90%, 30rem);
  display: grid;
  grid-template-rows: auto 1fr;
  z-index: 1;
  transform: translateX(100%);
  transform-origin: right; }
  .header__menu::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.493);
    z-index: -100;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out; }

.header__menu--open {
  transform: translateX(0); }
  .header__menu--open::before {
    opacity: 1;
    visibility: visible; }

.menu__back-btn {
  position: absolute;
  top: 2rem;
  right: 2rem;
  cursor: pointer; }

.menu--left {
  width: 100%;
  grid-row: 2;
  overflow-y: auto; }

.menu__item {
  position: relative;
  width: 100%;
  padding: 0.5rem 0;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 0.2rem 0 -0.1rem rgba(255, 255, 255, 0.13); }

.menu__item:last-child {
  box-shadow: unset; }

.menu__item-btn {
  width: 100%;
  padding: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  border-radius: 0.5rem; }

.menu__submenu {
  height: 0;
  display: flex;
  flex-direction: column;
  color: inherit;
  z-index: 100;
  border-radius: 0.5rem;
  transform: scaleY(0);
  transform-origin: top;
  transition: all 0.2s ease-in-out; }

.menu__item--expanded > .menu__submenu {
  height: 100%;
  transform: scaleY(1); }

.submenu__item {
  padding: 1.5rem;
  box-shadow: 0 0.2rem 0 -0.1rem rgba(0, 0, 0, 0.1); }

.submenu__item:last-child {
  box-shadow: unset; }

.submenu__item i {
  margin-left: 1rem;
  font-size: 1rem; }

.menu__sub-submenu {
  top: 0;
  left: 0;
  right: 0; }

.menu__item--expanded .menu__item--expanded .menu__submenu {
  margin-top: 1rem; }

/* --------------------- Media Queries ----------------- */
@media screen and (min-width: 1400px) {
  .header__menu {
    position: unset;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: auto auto;
    justify-items: center;
    align-items: center;
    gap: 3.5rem;
    width: unset;
    overflow-y: unset;
    transform: unset; }

  .menu__back-btn {
    display: none; }

  .menu--left {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    grid-row: unset;
    width: 100%;
    height: 100%;
    overflow-y: unset; }

  .menu__item {
    width: max-content; }

  .menu__item:last-child {
    box-shadow: unset; }

  .menu__item .menu__item {
    width: 100%; }

  .menu__submenu {
    height: max-content;
    position: absolute;
    top: 100%;
    width: clamp(10rem, 25vw, 25rem);
    padding-top: 1rem; }

  .menu__submenu::before {
    content: "";
    position: absolute;
    top: -0.5rem;
    left: 1rem;
    width: 1rem;
    height: 1rem;
    transform: rotateZ(45deg); }

  .menu__item i {
    transition: transform 0.3s ease-in-out; }

  .menu__item:hover i {
    transform: rotate(-180deg); }

  .menu__item:hover .menu__submenu i {
    transform: none; }

  .menu__item:hover .menu__submenu .menu__item:hover i {
    transform: rotate(-180deg); }

  .menu__item-btn {
    height: 100%;
    transition: all 0.3s ease-in-out; }

  .menu__item {
    box-shadow: unset; }

  .menu__item:hover .menu__submenu {
    transform: scaleY(1); }

  .menu__sub-submenu {
    top: 0;
    left: 100%;
    margin-top: 0; }

  .menu__item:hover .menu__sub-submenu {
    transform: scaleY(0); }

  .menu__sub-submenu::before {
    top: 2rem;
    left: -0.5rem; }

  .submenu__item {
    display: flex;
    align-items: center; }

  .submenu__item::before {
    content: "";
    width: 0;
    height: 0;
    transform: scaleX(0);
    transform-origin: left;
    transition: all 0.3s ease-in-out; }

  .submenu__item:hover::before {
    transform: scaleX(1);
    width: 0.8rem;
    margin-right: 0.8rem; }

  .submenu__item:hover .menu__sub-submenu {
    transform: scaleY(1); }

  .submenu__item i {
    margin-left: auto; } }
.menu--right {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  padding: 5rem 0; }

.header__search {
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1rem;
  margin: 2rem auto;
  box-shadow: 0 0.2rem 0 -0.1rem #3930a3; }

.search__btn {
  cursor: pointer;
  transition: all 0.3s ease-in-out; }

.search__btn:hover {
  color: #3930a3; }

.search__wrapper {
  position: relative;
  width: 100%;
  transition: all 0.3s ease-in-out; }

.search__wrapper i {
  display: none; }

.search__input {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  padding: 0 1rem;
  background: transparent;
  outline: 0;
  font-size: inherit;
  border: none; }

.search__input::placeholder {
  opacity: 0.5; }

.header__wallet {
  width: 80%;
  padding: 1rem 1.8rem;
  gap: 0.8rem;
  box-shadow: inset 0 0 0 0.1rem #3930a3;
  white-space: nowrap; }

.theme {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem; }

.theme__btn {
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 1rem;
  cursor: pointer; }

.theme__btn ion-icon {
  font-size: 130%; }

.theme__btn:hover {
  opacity: 0.8; }

/* --------------------- Media Queries ----------------- */
@media screen and (min-width: 1400px) {
  .menu--right {
    width: 100%;
    display: grid;
    grid-template-columns: auto auto auto;
    align-items: center;
    justify-items: center;
    gap: 1rem;
    padding: 0; }

  .header__search {
    height: 100%;
    width: min-content;
    gap: 0;
    margin: 0;
    padding: 0;
    margin-left: auto;
    box-shadow: none; }

  .search__wrapper {
    height: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0 2rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    transform: scaleY(0);
    transform-origin: top; }

  .search__input {
    top: 0;
    width: 0;
    padding: 0; }

  .search__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    bottom: 0;
    height: 100%;
    width: 5rem;
    margin: 0;
    border-radius: 10rem; }

  .header__search--expanded .search__wrapper {
    transform: scaleY(1); }

  .header__search--expanded .search__wrapper i {
    display: block; }

  .header__search--expanded .search__btn {
    bottom: -1rem;
    border-radius: 10rem 10rem 0 0; }

  .header__search--expanded .search__input {
    position: unset;
    height: 100%;
    width: 100%;
    transform: scaleX(1); }

  .search__input::placeholder {
    opacity: 0.5; }

  .header__wallet {
    width: 80%;
    padding: 1.5rem 3rem;
    gap: 1.5rem;
    box-shadow: inset 0 0 0 0.3rem #3930a3; }

  .theme {
    margin: 0; }

  .theme__btn {
    width: 4rem;
    height: 4rem; } }
.hero__character {
  position: relative;
  display: inline-block; }

.character__body {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 5rem;
  width: 70%;
  z-index: -2; }

.face__wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100%;
  transform: translateX(-50%) scaleY(0);
  transform-origin: bottom;
  background: linear-gradient(141deg, #a4d4c3, #73a08f);
  border-radius: 40%;
  z-index: -1;
  box-shadow: 0 0 1rem 0.1rem rgba(0, 0, 0, 0.288);
  transition: tranform 0.3s ease-in-out; }

.face__wrapper--animated {
  animation: wake-up 8.5s 0.6s forwards; }

.horn {
  position: absolute;
  top: -4%;
  width: 8%;
  height: 20%;
  z-index: -1;
  background-color: #73a08f; }

.horn--left {
  left: 10%;
  transform: rotateZ(-30deg); }

.horn--right {
  right: 10%;
  transform: rotateZ(30deg); }

.horn__tip {
  position: absolute;
  top: -60%;
  left: 50%;
  transform: translateX(-50%);
  height: 0.7rem;
  width: 0.7rem;
  border-radius: 50%;
  background-color: #73a08f;
  box-shadow: 0 0 1rem 0.1rem rgba(0, 0, 0, 0.288); }

.eyes__wrapper {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  gap: 2rem; }

.eye {
  position: relative;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
  background-color: white;
  overflow: hidden; }

.eyelid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: #448e9f 56%;
  box-shadow: 0 0.1rem 0.5rem 0.5rem rgba(0, 0, 0, 0.329);
  z-index: 5; }

.eyelid--left--animated {
  animation: blink 7s 1.2s forwards; }

.eyelid--right--animated {
  animation: blink 7s 1.25s forwards; }

.pupil {
  position: relative;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 60%;
  width: 60%;
  border-radius: 50%;
  background-image: linear-gradient(141deg, #110011, purple); }

.pupil--animated {
  animation: look-around 7s 1.25s forwards; }

.pupil__center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 60%;
  width: 60%;
  border-radius: 50%;
  background-image: linear-gradient(141deg, black, #080008); }

.sparkles {
  position: absolute;
  bottom: 20%;
  left: 20%;
  width: 30%;
  height: 30%;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.425); }

.mouth {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  height: 0.1rem;
  width: 0.6rem;
  background-color: rgba(0, 0, 0, 0.281); }

.hand {
  position: absolute;
  bottom: 10%;
  height: 15%;
  width: 20%;
  border-radius: 40%;
  background-color: #a4d4c3;
  box-shadow: 0 0 1rem 0.1rem rgba(0, 0, 0, 0.288);
  z-index: 2;
  opacity: 0; }

.hand--animated {
  animation: wake-up-hands 9s forwards; }

.hand--left {
  left: 0; }

.hand--right {
  right: 0; }

@keyframes wake-up {
  10%,
  87% {
    top: -20%;
    transform: translateX(-50%) scaleY(1); } }
@keyframes wake-up-hands {
  0% {
    opacity: 1; }
  5% {
    bottom: 75%; }
  8%,
  96% {
    opacity: 1;
    bottom: 56%; }
  100% {
    opacity: 0; } }
@keyframes blink {
  5%,
  20%,
  40%,
  75%,
  100% {
    height: 52%; }
  10% {
    height: 100%; }
  30% {
    height: 80%; }
  80% {
    height: 90%; } }
@keyframes look-around {
  50%,
  85% {
    left: 50%; }
  60% {
    left: 70%; }
  70% {
    left: 30%; } }
/* --------------------- Media Queries ----------------- */
@media screen and (min-width: 992px) {
  .character__body {
    display: block; } }
#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 240px 542px #fffafa33, 615px 221px #fffafa33, 811px 908px #fffafa33, 1126px 192px #fffafa33, 1199px 829px #fffafa33, 26px 220px #fffafa33, 414px 857px #fffafa33, 990px 943px #fffafa33, 132px 813px #fffafa33, 1704px 824px #fffafa33, 591px 876px #fffafa33, 1457px 615px #fffafa33, 1805px 310px #fffafa33, 589px 708px #fffafa33, 1772px 395px #fffafa33, 771px 175px #fffafa33, 30px 668px #fffafa33, 235px 148px #fffafa33, 416px 19px #fffafa33, 992px 743px #fffafa33, 1752px 246px #fffafa33, 1969px 261px #fffafa33, 842px 762px #fffafa33, 1859px 447px #fffafa33, 1104px 998px #fffafa33, 924px 514px #fffafa33, 1063px 798px #fffafa33, 714px 405px #fffafa33, 268px 993px #fffafa33, 5px 453px #fffafa33, 49px 540px #fffafa33, 997px 1px #fffafa33, 1670px 3px #fffafa33, 146px 773px #fffafa33, 576px 341px #fffafa33, 1383px 677px #fffafa33, 1574px 864px #fffafa33, 1207px 504px #fffafa33, 1749px 8px #fffafa33, 942px 385px #fffafa33, 1997px 243px #fffafa33, 1513px 161px #fffafa33, 1505px 418px #fffafa33, 1569px 12px #fffafa33, 1247px 554px #fffafa33, 180px 741px #fffafa33, 1953px 292px #fffafa33, 901px 163px #fffafa33, 1523px 965px #fffafa33, 321px 489px #fffafa33, 629px 452px #fffafa33, 1899px 244px #fffafa33, 1281px 553px #fffafa33, 858px 429px #fffafa33, 616px 949px #fffafa33, 699px 527px #fffafa33, 1342px 920px #fffafa33, 1728px 986px #fffafa33, 1165px 666px #fffafa33, 1787px 577px #fffafa33, 1838px 437px #fffafa33, 1498px 316px #fffafa33, 1233px 560px #fffafa33, 1645px 959px #fffafa33, 470px 372px #fffafa33, 533px 759px #fffafa33, 207px 342px #fffafa33, 1979px 670px #fffafa33, 1810px 107px #fffafa33, 288px 148px #fffafa33, 585px 17px #fffafa33, 824px 396px #fffafa33, 1433px 977px #fffafa33, 1696px 658px #fffafa33, 593px 926px #fffafa33, 247px 534px #fffafa33, 1247px 536px #fffafa33, 858px 941px #fffafa33, 1316px 472px #fffafa33, 110px 623px #fffafa33, 1373px 941px #fffafa33, 1962px 42px #fffafa33, 640px 935px #fffafa33, 357px 849px #fffafa33, 1872px 920px #fffafa33, 460px 182px #fffafa33, 1476px 680px #fffafa33, 1651px 694px #fffafa33, 1744px 946px #fffafa33, 613px 37px #fffafa33, 1313px 805px #fffafa33, 683px 215px #fffafa33, 1683px 359px #fffafa33, 164px 207px #fffafa33, 1975px 549px #fffafa33, 1917px 6px #fffafa33, 794px 661px #fffafa33, 1527px 917px #fffafa33, 1234px 576px #fffafa33, 235px 212px #fffafa33, 321px 953px #fffafa33, 1932px 761px #fffafa33, 1983px 214px #fffafa33, 862px 576px #fffafa33, 1426px 485px #fffafa33, 238px 779px #fffafa33, 600px 112px #fffafa33, 1449px 206px #fffafa33, 1801px 983px #fffafa33, 1616px 317px #fffafa33, 1228px 420px #fffafa33, 554px 766px #fffafa33, 819px 411px #fffafa33, 891px 27px #fffafa33, 1885px 768px #fffafa33, 1492px 493px #fffafa33, 901px 359px #fffafa33, 168px 868px #fffafa33, 1747px 305px #fffafa33, 1511px 288px #fffafa33, 462px 883px #fffafa33, 1296px 262px #fffafa33, 1080px 333px #fffafa33, 940px 89px #fffafa33, 1197px 308px #fffafa33, 1986px 768px #fffafa33, 1177px 101px #fffafa33, 39px 708px #fffafa33, 1715px 575px #fffafa33, 744px 414px #fffafa33, 1424px 584px #fffafa33, 228px 157px #fffafa33, 318px 875px #fffafa33, 1746px 420px #fffafa33, 1129px 755px #fffafa33, 341px 751px #fffafa33, 120px 110px #fffafa33, 715px 750px #fffafa33, 257px 624px #fffafa33, 1645px 230px #fffafa33, 686px 154px #fffafa33, 168px 898px #fffafa33, 883px 376px #fffafa33, 427px 813px #fffafa33, 1316px 302px #fffafa33, 1506px 805px #fffafa33, 198px 690px #fffafa33, 29px 857px #fffafa33, 1103px 938px #fffafa33, 1801px 299px #fffafa33, 297px 800px #fffafa33, 1676px 83px #fffafa33, 1789px 73px #fffafa33, 1767px 159px #fffafa33, 862px 468px #fffafa33, 1571px 952px #fffafa33, 831px 3px #fffafa33, 92px 714px #fffafa33, 282px 155px #fffafa33, 303px 288px #fffafa33, 926px 360px #fffafa33, 859px 848px #fffafa33, 500px 519px #fffafa33, 199px 279px #fffafa33, 137px 660px #fffafa33, 1658px 210px #fffafa33, 903px 223px #fffafa33, 322px 143px #fffafa33, 1505px 503px #fffafa33, 1524px 329px #fffafa33, 505px 674px #fffafa33, 1610px 797px #fffafa33, 1109px 431px #fffafa33, 338px 93px #fffafa33, 1466px 689px #fffafa33, 358px 853px #fffafa33, 275px 953px #fffafa33, 684px 260px #fffafa33, 82px 447px #fffafa33, 1280px 286px #fffafa33, 1345px 346px #fffafa33, 1916px 345px #fffafa33, 914px 331px #fffafa33, 623px 862px #fffafa33, 944px 383px #fffafa33, 1926px 589px #fffafa33, 568px 416px #fffafa33, 804px 855px #fffafa33, 1864px 746px #fffafa33, 1629px 328px #fffafa33, 1739px 375px #fffafa33, 1172px 500px #fffafa33, 289px 335px #fffafa33, 169px 977px #fffafa33, 1642px 482px #fffafa33, 916px 568px #fffafa33, 134px 194px #fffafa33, 947px 220px #fffafa33, 1095px 893px #fffafa33, 1863px 472px #fffafa33, 1765px 450px #fffafa33, 612px 410px #fffafa33, 252px 599px #fffafa33, 886px 224px #fffafa33, 1381px 39px #fffafa33, 1370px 102px #fffafa33, 784px 456px #fffafa33, 1022px 626px #fffafa33, 1251px 674px #fffafa33, 793px 180px #fffafa33, 1100px 428px #fffafa33, 454px 669px #fffafa33, 154px 767px #fffafa33, 1481px 862px #fffafa33, 198px 520px #fffafa33, 794px 853px #fffafa33, 958px 697px #fffafa33, 766px 464px #fffafa33, 1678px 42px #fffafa33, 1635px 641px #fffafa33, 1202px 14px #fffafa33, 1349px 962px #fffafa33, 597px 928px #fffafa33, 1478px 212px #fffafa33, 476px 896px #fffafa33, 1058px 719px #fffafa33, 525px 424px #fffafa33, 878px 421px #fffafa33, 498px 858px #fffafa33, 93px 824px #fffafa33, 294px 5px #fffafa33, 790px 632px #fffafa33, 181px 487px #fffafa33, 531px 671px #fffafa33, 1563px 519px #fffafa33, 989px 594px #fffafa33, 1241px 888px #fffafa33, 26px 886px #fffafa33, 1536px 57px #fffafa33, 146px 171px #fffafa33, 397px 380px #fffafa33, 746px 300px #fffafa33, 1953px 814px #fffafa33, 857px 551px #fffafa33, 1024px 142px #fffafa33, 1377px 603px #fffafa33, 1858px 275px #fffafa33, 1330px 685px #fffafa33, 442px 868px #fffafa33, 1287px 828px #fffafa33, 1796px 167px #fffafa33, 1538px 233px #fffafa33, 804px 958px #fffafa33, 951px 794px #fffafa33, 1575px 492px #fffafa33, 1392px 694px #fffafa33, 516px 568px #fffafa33, 951px 738px #fffafa33, 1751px 949px #fffafa33, 1251px 686px #fffafa33, 1953px 699px #fffafa33, 694px 556px #fffafa33, 397px 529px #fffafa33, 1282px 862px #fffafa33, 22px 874px #fffafa33, 470px 32px #fffafa33, 1134px 922px #fffafa33, 1171px 160px #fffafa33, 756px 491px #fffafa33, 1236px 118px #fffafa33, 1449px 282px #fffafa33, 1140px 981px #fffafa33, 1860px 369px #fffafa33, 91px 759px #fffafa33, 1981px 848px #fffafa33, 1521px 67px #fffafa33, 1975px 141px #fffafa33, 1952px 6px #fffafa33, 1491px 733px #fffafa33, 1156px 306px #fffafa33, 117px 153px #fffafa33, 287px 946px #fffafa33, 1380px 523px #fffafa33, 1873px 213px #fffafa33, 260px 303px #fffafa33, 382px 544px #fffafa33, 1445px 125px #fffafa33, 175px 919px #fffafa33, 878px 265px #fffafa33, 521px 571px #fffafa33, 1968px 253px #fffafa33, 1090px 37px #fffafa33, 1871px 842px #fffafa33, 1114px 590px #fffafa33, 88px 141px #fffafa33, 1241px 887px #fffafa33, 1387px 989px #fffafa33, 1958px 88px #fffafa33, 722px 515px #fffafa33, 1731px 145px #fffafa33, 85px 557px #fffafa33, 1172px 458px #fffafa33, 1273px 376px #fffafa33, 1355px 402px #fffafa33, 1807px 387px #fffafa33, 1597px 60px #fffafa33, 123px 857px #fffafa33, 1934px 210px #fffafa33, 557px 241px #fffafa33, 1773px 989px #fffafa33, 1940px 497px #fffafa33, 1444px 861px #fffafa33, 469px 78px #fffafa33, 134px 617px #fffafa33, 1838px 880px #fffafa33, 1562px 354px #fffafa33, 760px 293px #fffafa33, 1067px 809px #fffafa33, 1473px 104px #fffafa33, 891px 296px #fffafa33, 254px 61px #fffafa33, 131px 386px #fffafa33, 1661px 373px #fffafa33, 943px 127px #fffafa33, 438px 663px #fffafa33, 1441px 85px #fffafa33, 1097px 823px #fffafa33, 99px 945px #fffafa33, 42px 114px #fffafa33, 672px 862px #fffafa33, 644px 303px #fffafa33, 657px 717px #fffafa33, 801px 292px #fffafa33, 1112px 799px #fffafa33, 1492px 983px #fffafa33, 293px 159px #fffafa33, 1338px 543px #fffafa33, 156px 602px #fffafa33, 263px 740px #fffafa33, 947px 912px #fffafa33, 643px 701px #fffafa33, 1298px 465px #fffafa33, 1120px 122px #fffafa33, 204px 554px #fffafa33, 121px 387px #fffafa33, 573px 427px #fffafa33, 1416px 355px #fffafa33, 79px 523px #fffafa33, 559px 38px #fffafa33, 1468px 393px #fffafa33, 1787px 35px #fffafa33, 753px 861px #fffafa33, 406px 80px #fffafa33, 1441px 270px #fffafa33, 1023px 628px #fffafa33, 506px 811px #fffafa33, 547px 676px #fffafa33, 1216px 629px #fffafa33, 931px 47px #fffafa33, 1540px 399px #fffafa33, 823px 449px #fffafa33, 1016px 744px #fffafa33, 1439px 577px #fffafa33, 428px 918px #fffafa33, 1998px 439px #fffafa33, 1761px 382px #fffafa33, 28px 929px #fffafa33, 428px 759px #fffafa33, 1507px 670px #fffafa33, 1016px 987px #fffafa33, 718px 742px #fffafa33, 439px 977px #fffafa33, 679px 361px #fffafa33, 245px 536px #fffafa33, 505px 223px #fffafa33, 1829px 553px #fffafa33, 1010px 235px #fffafa33, 1882px 990px #fffafa33, 541px 137px #fffafa33, 652px 421px #fffafa33, 1562px 286px #fffafa33, 1425px 300px #fffafa33, 670px 197px #fffafa33, 1420px 105px #fffafa33, 1725px 143px #fffafa33, 672px 154px #fffafa33, 1007px 663px #fffafa33, 1521px 457px #fffafa33, 549px 54px #fffafa33, 138px 168px #fffafa33, 300px 517px #fffafa33, 1498px 193px #fffafa33, 1201px 880px #fffafa33, 1466px 146px #fffafa33, 898px 678px #fffafa33, 1430px 315px #fffafa33, 376px 508px #fffafa33, 1216px 601px #fffafa33, 734px 381px #fffafa33, 1233px 464px #fffafa33, 449px 802px #fffafa33, 863px 399px #fffafa33, 301px 714px #fffafa33, 1690px 484px #fffafa33, 1387px 347px #fffafa33, 1122px 728px #fffafa33, 143px 66px #fffafa33, 976px 338px #fffafa33, 586px 909px #fffafa33, 884px 362px #fffafa33, 1775px 396px #fffafa33, 305px 849px #fffafa33, 461px 194px #fffafa33, 639px 782px #fffafa33, 1615px 441px #fffafa33, 189px 696px #fffafa33, 1003px 424px #fffafa33, 857px 812px #fffafa33, 300px 690px #fffafa33, 404px 102px #fffafa33, 374px 647px #fffafa33, 509px 104px #fffafa33, 129px 971px #fffafa33, 1327px 626px #fffafa33, 1300px 454px #fffafa33, 1174px 126px #fffafa33, 807px 166px #fffafa33, 1395px 749px #fffafa33, 614px 722px #fffafa33, 370px 391px #fffafa33, 1471px 130px #fffafa33, 721px 838px #fffafa33, 157px 840px #fffafa33, 1608px 723px #fffafa33, 1950px 437px #fffafa33, 1505px 663px #fffafa33, 830px 175px #fffafa33, 1562px 196px #fffafa33, 1028px 355px #fffafa33, 718px 536px #fffafa33, 612px 352px #fffafa33, 586px 167px #fffafa33, 818px 962px #fffafa33, 1121px 999px #fffafa33, 1521px 188px #fffafa33, 698px 431px #fffafa33, 1699px 840px #fffafa33, 176px 35px #fffafa33, 1810px 494px #fffafa33, 94px 973px #fffafa33, 727px 717px #fffafa33, 1464px 201px #fffafa33, 374px 461px #fffafa33, 256px 721px #fffafa33, 1009px 728px #fffafa33, 536px 614px #fffafa33, 666px 843px #fffafa33, 1382px 696px #fffafa33, 1621px 849px #fffafa33, 512px 360px #fffafa33, 422px 798px #fffafa33, 1092px 115px #fffafa33, 436px 278px #fffafa33, 968px 134px #fffafa33, 437px 684px #fffafa33, 1308px 737px #fffafa33, 1000px 544px #fffafa33, 440px 147px #fffafa33, 1717px 314px #fffafa33, 240px 731px #fffafa33, 1114px 552px #fffafa33, 495px 44px #fffafa33, 902px 324px #fffafa33, 340px 947px #fffafa33, 493px 113px #fffafa33, 1194px 799px #fffafa33, 1508px 519px #fffafa33, 1593px 682px #fffafa33, 1084px 322px #fffafa33, 1950px 732px #fffafa33, 1213px 407px #fffafa33, 1945px 316px #fffafa33, 65px 243px #fffafa33, 1438px 15px #fffafa33, 1637px 599px #fffafa33, 1612px 526px #fffafa33, 1663px 869px #fffafa33, 1161px 705px #fffafa33, 817px 168px #fffafa33, 1072px 474px #fffafa33, 956px 410px #fffafa33, 1022px 644px #fffafa33, 893px 550px #fffafa33, 1840px 569px #fffafa33, 1353px 941px #fffafa33, 1253px 426px #fffafa33, 1987px 564px #fffafa33, 1479px 221px #fffafa33, 373px 733px #fffafa33, 1399px 526px #fffafa33, 979px 749px #fffafa33, 925px 966px #fffafa33, 1621px 112px #fffafa33, 717px 116px #fffafa33, 221px 9px #fffafa33, 998px 314px #fffafa33, 354px 540px #fffafa33, 337px 690px #fffafa33, 638px 278px #fffafa33, 597px 225px #fffafa33, 182px 642px #fffafa33, 1939px 938px #fffafa33, 161px 488px #fffafa33, 759px 537px #fffafa33, 276px 211px #fffafa33, 1412px 505px #fffafa33, 1721px 726px #fffafa33, 1975px 114px #fffafa33, 1674px 999px #fffafa33, 97px 515px #fffafa33, 258px 727px #fffafa33, 956px 436px #fffafa33, 43px 776px #fffafa33, 54px 703px #fffafa33, 626px 806px #fffafa33, 235px 292px #fffafa33, 463px 120px #fffafa33, 993px 112px #fffafa33, 1281px 86px #fffafa33, 563px 794px #fffafa33, 1459px 224px #fffafa33, 1358px 543px #fffafa33, 1495px 33px #fffafa33, 1852px 427px #fffafa33, 210px 950px #fffafa33, 1719px 994px #fffafa33, 953px 968px #fffafa33, 35px 84px #fffafa33, 902px 21px #fffafa33, 1810px 23px #fffafa33, 641px 930px #fffafa33, 591px 311px #fffafa33, 1231px 873px #fffafa33, 570px 157px #fffafa33, 268px 167px #fffafa33, 1178px 235px #fffafa33, 537px 730px #fffafa33, 1076px 905px #fffafa33, 740px 666px #fffafa33, 877px 924px #fffafa33, 251px 720px #fffafa33, 658px 896px #fffafa33, 805px 593px #fffafa33, 1044px 922px #fffafa33, 1222px 187px #fffafa33, 1751px 646px #fffafa33, 433px 521px #fffafa33, 1505px 134px #fffafa33, 187px 66px #fffafa33, 1862px 935px #fffafa33, 428px 716px #fffafa33, 862px 39px #fffafa33, 307px 503px #fffafa33, 1288px 384px #fffafa33, 40px 522px #fffafa33, 531px 917px #fffafa33, 1413px 913px #fffafa33, 1683px 669px #fffafa33, 1773px 253px #fffafa33, 221px 506px #fffafa33, 591px 325px #fffafa33, 1178px 895px #fffafa33, 1760px 322px #fffafa33, 895px 133px #fffafa33, 528px 741px #fffafa33, 791px 162px #fffafa33, 759px 226px #fffafa33, 1781px 908px #fffafa33, 1116px 438px #fffafa33, 1499px 867px #fffafa33, 1688px 105px #fffafa33, 1246px 243px #fffafa33, 196px 697px #fffafa33, 1444px 235px #fffafa33, 1741px 83px #fffafa33, 331px 405px #fffafa33, 1490px 309px #fffafa33, 74px 429px #fffafa33, 820px 410px #fffafa33, 1478px 780px #fffafa33, 59px 780px #fffafa33, 1554px 825px #fffafa33, 1164px 372px #fffafa33, 447px 987px #fffafa33, 568px 401px #fffafa33, 297px 58px #fffafa33, 726px 536px #fffafa33, 188px 924px #fffafa33, 945px 643px #fffafa33, 1672px 354px #fffafa33, 1435px 557px #fffafa33, 474px 640px #fffafa33, 369px 950px #fffafa33, 260px 705px #fffafa33, 1496px 102px #fffafa33, 800px 20px #fffafa33, 230px 279px #fffafa33, 1321px 351px #fffafa33, 782px 830px #fffafa33, 509px 958px #fffafa33, 626px 137px #fffafa33, 1920px 32px #fffafa33, 417px 343px #fffafa33, 810px 221px #fffafa33, 1611px 378px #fffafa33, 744px 515px #fffafa33, 693px 902px #fffafa33, 1592px 658px #fffafa33, 743px 279px #fffafa33, 1772px 422px #fffafa33, 1021px 457px #fffafa33, 383px 641px #fffafa33, 333px 227px #fffafa33, 46px 769px #fffafa33, 696px 769px #fffafa33, 1607px 475px #fffafa33, 437px 631px #fffafa33, 1290px 887px #fffafa33, 1213px 441px #fffafa33, 1540px 809px #fffafa33, 1810px 324px #fffafa33, 1364px 993px #fffafa33, 1181px 863px #fffafa33, 1022px 189px #fffafa33, 875px 227px #fffafa33, 1672px 328px #fffafa33, 1824px 335px #fffafa33, 1545px 919px #fffafa33, 834px 793px #fffafa33, 251px 512px #fffafa33, 742px 116px #fffafa33, 1629px 190px #fffafa33, 938px 652px #fffafa33, 1508px 394px #fffafa33, 1240px 607px #fffafa33, 74px 125px #fffafa33, 1428px 576px #fffafa33, 974px 269px #fffafa33, 1323px 795px #fffafa33, 73px 511px #fffafa33, 1787px 427px #fffafa33, 1752px 144px #fffafa33, 1938px 213px #fffafa33, 1272px 965px #fffafa33, 925px 909px #fffafa33, 938px 103px #fffafa33, 1277px 745px #fffafa33, 729px 891px #fffafa33, 178px 363px #fffafa33, 1395px 56px #fffafa33, 621px 922px #fffafa33, 1838px 947px #fffafa33, 860px 564px #fffafa33, 1868px 648px #fffafa33, 1175px 130px #fffafa33, 1418px 897px #fffafa33, 1752px 219px #fffafa33, 1116px 155px #fffafa33, 1168px 141px #fffafa33, 964px 482px #fffafa33, 1014px 500px #fffafa33, 1423px 363px #fffafa33, 684px 911px #fffafa33, 1089px 7px #fffafa33, 714px 152px #fffafa33, 1322px 256px #fffafa33, 1240px 457px #fffafa33, 1454px 756px #fffafa33, 922px 569px #fffafa33, 1624px 829px #fffafa33, 1575px 494px #fffafa33, 50px 361px #fffafa33, 1047px 361px #fffafa33, 663px 32px #fffafa33, 767px 882px #fffafa33, 917px 713px #fffafa33, 1097px 662px #fffafa33, 79px 80px #fffafa33, 583px 356px #fffafa33, 671px 589px #fffafa33, 1380px 810px #fffafa33, 897px 710px #fffafa33, 1158px 913px #fffafa33, 909px 390px #fffafa33, 1904px 645px #fffafa33, 510px 415px #fffafa33, 1484px 803px #fffafa33, 1793px 448px #fffafa33, 782px 274px #fffafa33, 1965px 128px #fffafa33;
  animation: animStar 50s linear infinite; }

#stars:after {
  content: " ";
  position: absolute;
  top: 1000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 240px 542px #fffafa33, 615px 221px #fffafa33, 811px 908px #fffafa33, 1126px 192px #fffafa33, 1199px 829px #fffafa33, 26px 220px #fffafa33, 414px 857px #fffafa33, 990px 943px #fffafa33, 132px 813px #fffafa33, 1704px 824px #fffafa33, 591px 876px #fffafa33, 1457px 615px #fffafa33, 1805px 310px #fffafa33, 589px 708px #fffafa33, 1772px 395px #fffafa33, 771px 175px #fffafa33, 30px 668px #fffafa33, 235px 148px #fffafa33, 416px 19px #fffafa33, 992px 743px #fffafa33, 1752px 246px #fffafa33, 1969px 261px #fffafa33, 842px 762px #fffafa33, 1859px 447px #fffafa33, 1104px 998px #fffafa33, 924px 514px #fffafa33, 1063px 798px #fffafa33, 714px 405px #fffafa33, 268px 993px #fffafa33, 5px 453px #fffafa33, 49px 540px #fffafa33, 997px 1px #fffafa33, 1670px 3px #fffafa33, 146px 773px #fffafa33, 576px 341px #fffafa33, 1383px 677px #fffafa33, 1574px 864px #fffafa33, 1207px 504px #fffafa33, 1749px 8px #fffafa33, 942px 385px #fffafa33, 1997px 243px #fffafa33, 1513px 161px #fffafa33, 1505px 418px #fffafa33, 1569px 12px #fffafa33, 1247px 554px #fffafa33, 180px 741px #fffafa33, 1953px 292px #fffafa33, 901px 163px #fffafa33, 1523px 965px #fffafa33, 321px 489px #fffafa33, 629px 452px #fffafa33, 1899px 244px #fffafa33, 1281px 553px #fffafa33, 858px 429px #fffafa33, 616px 949px #fffafa33, 699px 527px #fffafa33, 1342px 920px #fffafa33, 1728px 986px #fffafa33, 1165px 666px #fffafa33, 1787px 577px #fffafa33, 1838px 437px #fffafa33, 1498px 316px #fffafa33, 1233px 560px #fffafa33, 1645px 959px #fffafa33, 470px 372px #fffafa33, 533px 759px #fffafa33, 207px 342px #fffafa33, 1979px 670px #fffafa33, 1810px 107px #fffafa33, 288px 148px #fffafa33, 585px 17px #fffafa33, 824px 396px #fffafa33, 1433px 977px #fffafa33, 1696px 658px #fffafa33, 593px 926px #fffafa33, 247px 534px #fffafa33, 1247px 536px #fffafa33, 858px 941px #fffafa33, 1316px 472px #fffafa33, 110px 623px #fffafa33, 1373px 941px #fffafa33, 1962px 42px #fffafa33, 640px 935px #fffafa33, 357px 849px #fffafa33, 1872px 920px #fffafa33, 460px 182px #fffafa33, 1476px 680px #fffafa33, 1651px 694px #fffafa33, 1744px 946px #fffafa33, 613px 37px #fffafa33, 1313px 805px #fffafa33, 683px 215px #fffafa33, 1683px 359px #fffafa33, 164px 207px #fffafa33, 1975px 549px #fffafa33, 1917px 6px #fffafa33, 794px 661px #fffafa33, 1527px 917px #fffafa33, 1234px 576px #fffafa33, 235px 212px #fffafa33, 321px 953px #fffafa33, 1932px 761px #fffafa33, 1983px 214px #fffafa33, 862px 576px #fffafa33, 1426px 485px #fffafa33, 238px 779px #fffafa33, 600px 112px #fffafa33, 1449px 206px #fffafa33, 1801px 983px #fffafa33, 1616px 317px #fffafa33, 1228px 420px #fffafa33, 554px 766px #fffafa33, 819px 411px #fffafa33, 891px 27px #fffafa33, 1885px 768px #fffafa33, 1492px 493px #fffafa33, 901px 359px #fffafa33, 168px 868px #fffafa33, 1747px 305px #fffafa33, 1511px 288px #fffafa33, 462px 883px #fffafa33, 1296px 262px #fffafa33, 1080px 333px #fffafa33, 940px 89px #fffafa33, 1197px 308px #fffafa33, 1986px 768px #fffafa33, 1177px 101px #fffafa33, 39px 708px #fffafa33, 1715px 575px #fffafa33, 744px 414px #fffafa33, 1424px 584px #fffafa33, 228px 157px #fffafa33, 318px 875px #fffafa33, 1746px 420px #fffafa33, 1129px 755px #fffafa33, 341px 751px #fffafa33, 120px 110px #fffafa33, 715px 750px #fffafa33, 257px 624px #fffafa33, 1645px 230px #fffafa33, 686px 154px #fffafa33, 168px 898px #fffafa33, 883px 376px #fffafa33, 427px 813px #fffafa33, 1316px 302px #fffafa33, 1506px 805px #fffafa33, 198px 690px #fffafa33, 29px 857px #fffafa33, 1103px 938px #fffafa33, 1801px 299px #fffafa33, 297px 800px #fffafa33, 1676px 83px #fffafa33, 1789px 73px #fffafa33, 1767px 159px #fffafa33, 862px 468px #fffafa33, 1571px 952px #fffafa33, 831px 3px #fffafa33, 92px 714px #fffafa33, 282px 155px #fffafa33, 303px 288px #fffafa33, 926px 360px #fffafa33, 859px 848px #fffafa33, 500px 519px #fffafa33, 199px 279px #fffafa33, 137px 660px #fffafa33, 1658px 210px #fffafa33, 903px 223px #fffafa33, 322px 143px #fffafa33, 1505px 503px #fffafa33, 1524px 329px #fffafa33, 505px 674px #fffafa33, 1610px 797px #fffafa33, 1109px 431px #fffafa33, 338px 93px #fffafa33, 1466px 689px #fffafa33, 358px 853px #fffafa33, 275px 953px #fffafa33, 684px 260px #fffafa33, 82px 447px #fffafa33, 1280px 286px #fffafa33, 1345px 346px #fffafa33, 1916px 345px #fffafa33, 914px 331px #fffafa33, 623px 862px #fffafa33, 944px 383px #fffafa33, 1926px 589px #fffafa33, 568px 416px #fffafa33, 804px 855px #fffafa33, 1864px 746px #fffafa33, 1629px 328px #fffafa33, 1739px 375px #fffafa33, 1172px 500px #fffafa33, 289px 335px #fffafa33, 169px 977px #fffafa33, 1642px 482px #fffafa33, 916px 568px #fffafa33, 134px 194px #fffafa33, 947px 220px #fffafa33, 1095px 893px #fffafa33, 1863px 472px #fffafa33, 1765px 450px #fffafa33, 612px 410px #fffafa33, 252px 599px #fffafa33, 886px 224px #fffafa33, 1381px 39px #fffafa33, 1370px 102px #fffafa33, 784px 456px #fffafa33, 1022px 626px #fffafa33, 1251px 674px #fffafa33, 793px 180px #fffafa33, 1100px 428px #fffafa33, 454px 669px #fffafa33, 154px 767px #fffafa33, 1481px 862px #fffafa33, 198px 520px #fffafa33, 794px 853px #fffafa33, 958px 697px #fffafa33, 766px 464px #fffafa33, 1678px 42px #fffafa33, 1635px 641px #fffafa33, 1202px 14px #fffafa33, 1349px 962px #fffafa33, 597px 928px #fffafa33, 1478px 212px #fffafa33, 476px 896px #fffafa33, 1058px 719px #fffafa33, 525px 424px #fffafa33, 878px 421px #fffafa33, 498px 858px #fffafa33, 93px 824px #fffafa33, 294px 5px #fffafa33, 790px 632px #fffafa33, 181px 487px #fffafa33, 531px 671px #fffafa33, 1563px 519px #fffafa33, 989px 594px #fffafa33, 1241px 888px #fffafa33, 26px 886px #fffafa33, 1536px 57px #fffafa33, 146px 171px #fffafa33, 397px 380px #fffafa33, 746px 300px #fffafa33, 1953px 814px #fffafa33, 857px 551px #fffafa33, 1024px 142px #fffafa33, 1377px 603px #fffafa33, 1858px 275px #fffafa33, 1330px 685px #fffafa33, 442px 868px #fffafa33, 1287px 828px #fffafa33, 1796px 167px #fffafa33, 1538px 233px #fffafa33, 804px 958px #fffafa33, 951px 794px #fffafa33, 1575px 492px #fffafa33, 1392px 694px #fffafa33, 516px 568px #fffafa33, 951px 738px #fffafa33, 1751px 949px #fffafa33, 1251px 686px #fffafa33, 1953px 699px #fffafa33, 694px 556px #fffafa33, 397px 529px #fffafa33, 1282px 862px #fffafa33, 22px 874px #fffafa33, 470px 32px #fffafa33, 1134px 922px #fffafa33, 1171px 160px #fffafa33, 756px 491px #fffafa33, 1236px 118px #fffafa33, 1449px 282px #fffafa33, 1140px 981px #fffafa33, 1860px 369px #fffafa33, 91px 759px #fffafa33, 1981px 848px #fffafa33, 1521px 67px #fffafa33, 1975px 141px #fffafa33, 1952px 6px #fffafa33, 1491px 733px #fffafa33, 1156px 306px #fffafa33, 117px 153px #fffafa33, 287px 946px #fffafa33, 1380px 523px #fffafa33, 1873px 213px #fffafa33, 260px 303px #fffafa33, 382px 544px #fffafa33, 1445px 125px #fffafa33, 175px 919px #fffafa33, 878px 265px #fffafa33, 521px 571px #fffafa33, 1968px 253px #fffafa33, 1090px 37px #fffafa33, 1871px 842px #fffafa33, 1114px 590px #fffafa33, 88px 141px #fffafa33, 1241px 887px #fffafa33, 1387px 989px #fffafa33, 1958px 88px #fffafa33, 722px 515px #fffafa33, 1731px 145px #fffafa33, 85px 557px #fffafa33, 1172px 458px #fffafa33, 1273px 376px #fffafa33, 1355px 402px #fffafa33, 1807px 387px #fffafa33, 1597px 60px #fffafa33, 123px 857px #fffafa33, 1934px 210px #fffafa33, 557px 241px #fffafa33, 1773px 989px #fffafa33, 1940px 497px #fffafa33, 1444px 861px #fffafa33, 469px 78px #fffafa33, 134px 617px #fffafa33, 1838px 880px #fffafa33, 1562px 354px #fffafa33, 760px 293px #fffafa33, 1067px 809px #fffafa33, 1473px 104px #fffafa33, 891px 296px #fffafa33, 254px 61px #fffafa33, 131px 386px #fffafa33, 1661px 373px #fffafa33, 943px 127px #fffafa33, 438px 663px #fffafa33, 1441px 85px #fffafa33, 1097px 823px #fffafa33, 99px 945px #fffafa33, 42px 114px #fffafa33, 672px 862px #fffafa33, 644px 303px #fffafa33, 657px 717px #fffafa33, 801px 292px #fffafa33, 1112px 799px #fffafa33, 1492px 983px #fffafa33, 293px 159px #fffafa33, 1338px 543px #fffafa33, 156px 602px #fffafa33, 263px 740px #fffafa33, 947px 912px #fffafa33, 643px 701px #fffafa33, 1298px 465px #fffafa33, 1120px 122px #fffafa33, 204px 554px #fffafa33, 121px 387px #fffafa33, 573px 427px #fffafa33, 1416px 355px #fffafa33, 79px 523px #fffafa33, 559px 38px #fffafa33, 1468px 393px #fffafa33, 1787px 35px #fffafa33, 753px 861px #fffafa33, 406px 80px #fffafa33, 1441px 270px #fffafa33, 1023px 628px #fffafa33, 506px 811px #fffafa33, 547px 676px #fffafa33, 1216px 629px #fffafa33, 931px 47px #fffafa33, 1540px 399px #fffafa33, 823px 449px #fffafa33, 1016px 744px #fffafa33, 1439px 577px #fffafa33, 428px 918px #fffafa33, 1998px 439px #fffafa33, 1761px 382px #fffafa33, 28px 929px #fffafa33, 428px 759px #fffafa33, 1507px 670px #fffafa33, 1016px 987px #fffafa33, 718px 742px #fffafa33, 439px 977px #fffafa33, 679px 361px #fffafa33, 245px 536px #fffafa33, 505px 223px #fffafa33, 1829px 553px #fffafa33, 1010px 235px #fffafa33, 1882px 990px #fffafa33, 541px 137px #fffafa33, 652px 421px #fffafa33, 1562px 286px #fffafa33, 1425px 300px #fffafa33, 670px 197px #fffafa33, 1420px 105px #fffafa33, 1725px 143px #fffafa33, 672px 154px #fffafa33, 1007px 663px #fffafa33, 1521px 457px #fffafa33, 549px 54px #fffafa33, 138px 168px #fffafa33, 300px 517px #fffafa33, 1498px 193px #fffafa33, 1201px 880px #fffafa33, 1466px 146px #fffafa33, 898px 678px #fffafa33, 1430px 315px #fffafa33, 376px 508px #fffafa33, 1216px 601px #fffafa33, 734px 381px #fffafa33, 1233px 464px #fffafa33, 449px 802px #fffafa33, 863px 399px #fffafa33, 301px 714px #fffafa33, 1690px 484px #fffafa33, 1387px 347px #fffafa33, 1122px 728px #fffafa33, 143px 66px #fffafa33, 976px 338px #fffafa33, 586px 909px #fffafa33, 884px 362px #fffafa33, 1775px 396px #fffafa33, 305px 849px #fffafa33, 461px 194px #fffafa33, 639px 782px #fffafa33, 1615px 441px #fffafa33, 189px 696px #fffafa33, 1003px 424px #fffafa33, 857px 812px #fffafa33, 300px 690px #fffafa33, 404px 102px #fffafa33, 374px 647px #fffafa33, 509px 104px #fffafa33, 129px 971px #fffafa33, 1327px 626px #fffafa33, 1300px 454px #fffafa33, 1174px 126px #fffafa33, 807px 166px #fffafa33, 1395px 749px #fffafa33, 614px 722px #fffafa33, 370px 391px #fffafa33, 1471px 130px #fffafa33, 721px 838px #fffafa33, 157px 840px #fffafa33, 1608px 723px #fffafa33, 1950px 437px #fffafa33, 1505px 663px #fffafa33, 830px 175px #fffafa33, 1562px 196px #fffafa33, 1028px 355px #fffafa33, 718px 536px #fffafa33, 612px 352px #fffafa33, 586px 167px #fffafa33, 818px 962px #fffafa33, 1121px 999px #fffafa33, 1521px 188px #fffafa33, 698px 431px #fffafa33, 1699px 840px #fffafa33, 176px 35px #fffafa33, 1810px 494px #fffafa33, 94px 973px #fffafa33, 727px 717px #fffafa33, 1464px 201px #fffafa33, 374px 461px #fffafa33, 256px 721px #fffafa33, 1009px 728px #fffafa33, 536px 614px #fffafa33, 666px 843px #fffafa33, 1382px 696px #fffafa33, 1621px 849px #fffafa33, 512px 360px #fffafa33, 422px 798px #fffafa33, 1092px 115px #fffafa33, 436px 278px #fffafa33, 968px 134px #fffafa33, 437px 684px #fffafa33, 1308px 737px #fffafa33, 1000px 544px #fffafa33, 440px 147px #fffafa33, 1717px 314px #fffafa33, 240px 731px #fffafa33, 1114px 552px #fffafa33, 495px 44px #fffafa33, 902px 324px #fffafa33, 340px 947px #fffafa33, 493px 113px #fffafa33, 1194px 799px #fffafa33, 1508px 519px #fffafa33, 1593px 682px #fffafa33, 1084px 322px #fffafa33, 1950px 732px #fffafa33, 1213px 407px #fffafa33, 1945px 316px #fffafa33, 65px 243px #fffafa33, 1438px 15px #fffafa33, 1637px 599px #fffafa33, 1612px 526px #fffafa33, 1663px 869px #fffafa33, 1161px 705px #fffafa33, 817px 168px #fffafa33, 1072px 474px #fffafa33, 956px 410px #fffafa33, 1022px 644px #fffafa33, 893px 550px #fffafa33, 1840px 569px #fffafa33, 1353px 941px #fffafa33, 1253px 426px #fffafa33, 1987px 564px #fffafa33, 1479px 221px #fffafa33, 373px 733px #fffafa33, 1399px 526px #fffafa33, 979px 749px #fffafa33, 925px 966px #fffafa33, 1621px 112px #fffafa33, 717px 116px #fffafa33, 221px 9px #fffafa33, 998px 314px #fffafa33, 354px 540px #fffafa33, 337px 690px #fffafa33, 638px 278px #fffafa33, 597px 225px #fffafa33, 182px 642px #fffafa33, 1939px 938px #fffafa33, 161px 488px #fffafa33, 759px 537px #fffafa33, 276px 211px #fffafa33, 1412px 505px #fffafa33, 1721px 726px #fffafa33, 1975px 114px #fffafa33, 1674px 999px #fffafa33, 97px 515px #fffafa33, 258px 727px #fffafa33, 956px 436px #fffafa33, 43px 776px #fffafa33, 54px 703px #fffafa33, 626px 806px #fffafa33, 235px 292px #fffafa33, 463px 120px #fffafa33, 993px 112px #fffafa33, 1281px 86px #fffafa33, 563px 794px #fffafa33, 1459px 224px #fffafa33, 1358px 543px #fffafa33, 1495px 33px #fffafa33, 1852px 427px #fffafa33, 210px 950px #fffafa33, 1719px 994px #fffafa33, 953px 968px #fffafa33, 35px 84px #fffafa33, 902px 21px #fffafa33, 1810px 23px #fffafa33, 641px 930px #fffafa33, 591px 311px #fffafa33, 1231px 873px #fffafa33, 570px 157px #fffafa33, 268px 167px #fffafa33, 1178px 235px #fffafa33, 537px 730px #fffafa33, 1076px 905px #fffafa33, 740px 666px #fffafa33, 877px 924px #fffafa33, 251px 720px #fffafa33, 658px 896px #fffafa33, 805px 593px #fffafa33, 1044px 922px #fffafa33, 1222px 187px #fffafa33, 1751px 646px #fffafa33, 433px 521px #fffafa33, 1505px 134px #fffafa33, 187px 66px #fffafa33, 1862px 935px #fffafa33, 428px 716px #fffafa33, 862px 39px #fffafa33, 307px 503px #fffafa33, 1288px 384px #fffafa33, 40px 522px #fffafa33, 531px 917px #fffafa33, 1413px 913px #fffafa33, 1683px 669px #fffafa33, 1773px 253px #fffafa33, 221px 506px #fffafa33, 591px 325px #fffafa33, 1178px 895px #fffafa33, 1760px 322px #fffafa33, 895px 133px #fffafa33, 528px 741px #fffafa33, 791px 162px #fffafa33, 759px 226px #fffafa33, 1781px 908px #fffafa33, 1116px 438px #fffafa33, 1499px 867px #fffafa33, 1688px 105px #fffafa33, 1246px 243px #fffafa33, 196px 697px #fffafa33, 1444px 235px #fffafa33, 1741px 83px #fffafa33, 331px 405px #fffafa33, 1490px 309px #fffafa33, 74px 429px #fffafa33, 820px 410px #fffafa33, 1478px 780px #fffafa33, 59px 780px #fffafa33, 1554px 825px #fffafa33, 1164px 372px #fffafa33, 447px 987px #fffafa33, 568px 401px #fffafa33, 297px 58px #fffafa33, 726px 536px #fffafa33, 188px 924px #fffafa33, 945px 643px #fffafa33, 1672px 354px #fffafa33, 1435px 557px #fffafa33, 474px 640px #fffafa33, 369px 950px #fffafa33, 260px 705px #fffafa33, 1496px 102px #fffafa33, 800px 20px #fffafa33, 230px 279px #fffafa33, 1321px 351px #fffafa33, 782px 830px #fffafa33, 509px 958px #fffafa33, 626px 137px #fffafa33, 1920px 32px #fffafa33, 417px 343px #fffafa33, 810px 221px #fffafa33, 1611px 378px #fffafa33, 744px 515px #fffafa33, 693px 902px #fffafa33, 1592px 658px #fffafa33, 743px 279px #fffafa33, 1772px 422px #fffafa33, 1021px 457px #fffafa33, 383px 641px #fffafa33, 333px 227px #fffafa33, 46px 769px #fffafa33, 696px 769px #fffafa33, 1607px 475px #fffafa33, 437px 631px #fffafa33, 1290px 887px #fffafa33, 1213px 441px #fffafa33, 1540px 809px #fffafa33, 1810px 324px #fffafa33, 1364px 993px #fffafa33, 1181px 863px #fffafa33, 1022px 189px #fffafa33, 875px 227px #fffafa33, 1672px 328px #fffafa33, 1824px 335px #fffafa33, 1545px 919px #fffafa33, 834px 793px #fffafa33, 251px 512px #fffafa33, 742px 116px #fffafa33, 1629px 190px #fffafa33, 938px 652px #fffafa33, 1508px 394px #fffafa33, 1240px 607px #fffafa33, 74px 125px #fffafa33, 1428px 576px #fffafa33, 974px 269px #fffafa33, 1323px 795px #fffafa33, 73px 511px #fffafa33, 1787px 427px #fffafa33, 1752px 144px #fffafa33, 1938px 213px #fffafa33, 1272px 965px #fffafa33, 925px 909px #fffafa33, 938px 103px #fffafa33, 1277px 745px #fffafa33, 729px 891px #fffafa33, 178px 363px #fffafa33, 1395px 56px #fffafa33, 621px 922px #fffafa33, 1838px 947px #fffafa33, 860px 564px #fffafa33, 1868px 648px #fffafa33, 1175px 130px #fffafa33, 1418px 897px #fffafa33, 1752px 219px #fffafa33, 1116px 155px #fffafa33, 1168px 141px #fffafa33, 964px 482px #fffafa33, 1014px 500px #fffafa33, 1423px 363px #fffafa33, 684px 911px #fffafa33, 1089px 7px #fffafa33, 714px 152px #fffafa33, 1322px 256px #fffafa33, 1240px 457px #fffafa33, 1454px 756px #fffafa33, 922px 569px #fffafa33, 1624px 829px #fffafa33, 1575px 494px #fffafa33, 50px 361px #fffafa33, 1047px 361px #fffafa33, 663px 32px #fffafa33, 767px 882px #fffafa33, 917px 713px #fffafa33, 1097px 662px #fffafa33, 79px 80px #fffafa33, 583px 356px #fffafa33, 671px 589px #fffafa33, 1380px 810px #fffafa33, 897px 710px #fffafa33, 1158px 913px #fffafa33, 909px 390px #fffafa33, 1904px 645px #fffafa33, 510px 415px #fffafa33, 1484px 803px #fffafa33, 1793px 448px #fffafa33, 782px 274px #fffafa33, 1965px 128px #fffafa33; }

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 572px 687px #fffafa33, 1028px 466px #fffafa33, 1264px 358px #fffafa33, 891px 325px #fffafa33, 1064px 645px #fffafa33, 857px 422px #fffafa33, 1408px 197px #fffafa33, 318px 665px #fffafa33, 618px 83px #fffafa33, 1695px 133px #fffafa33, 1452px 544px #fffafa33, 510px 835px #fffafa33, 648px 627px #fffafa33, 1497px 93px #fffafa33, 625px 254px #fffafa33, 1696px 450px #fffafa33, 1949px 593px #fffafa33, 1833px 177px #fffafa33, 300px 147px #fffafa33, 908px 68px #fffafa33, 666px 726px #fffafa33, 1879px 281px #fffafa33, 1971px 186px #fffafa33, 646px 271px #fffafa33, 440px 586px #fffafa33, 650px 832px #fffafa33, 891px 933px #fffafa33, 889px 127px #fffafa33, 1386px 546px #fffafa33, 813px 291px #fffafa33, 1201px 147px #fffafa33, 441px 625px #fffafa33, 1531px 264px #fffafa33, 555px 764px #fffafa33, 1235px 651px #fffafa33, 244px 753px #fffafa33, 1024px 695px #fffafa33, 531px 906px #fffafa33, 532px 739px #fffafa33, 65px 492px #fffafa33, 1365px 986px #fffafa33, 1114px 366px #fffafa33, 140px 367px #fffafa33, 757px 651px #fffafa33, 989px 411px #fffafa33, 1210px 600px #fffafa33, 588px 550px #fffafa33, 1574px 91px #fffafa33, 1820px 760px #fffafa33, 909px 332px #fffafa33, 240px 308px #fffafa33, 902px 811px #fffafa33, 773px 659px #fffafa33, 1250px 91px #fffafa33, 721px 936px #fffafa33, 541px 729px #fffafa33, 1121px 428px #fffafa33, 849px 886px #fffafa33, 1351px 265px #fffafa33, 933px 521px #fffafa33, 1071px 373px #fffafa33, 525px 966px #fffafa33, 1822px 764px #fffafa33, 1427px 179px #fffafa33, 1534px 914px #fffafa33, 1281px 176px #fffafa33, 1514px 579px #fffafa33, 491px 283px #fffafa33, 430px 585px #fffafa33, 991px 940px #fffafa33, 300px 272px #fffafa33, 809px 800px #fffafa33, 212px 933px #fffafa33, 424px 345px #fffafa33, 364px 214px #fffafa33, 559px 352px #fffafa33, 943px 980px #fffafa33, 838px 1000px #fffafa33, 385px 564px #fffafa33, 931px 271px #fffafa33, 389px 355px #fffafa33, 468px 365px #fffafa33, 1377px 320px #fffafa33, 455px 120px #fffafa33, 1066px 379px #fffafa33, 1248px 731px #fffafa33, 928px 102px #fffafa33, 937px 32px #fffafa33, 1562px 254px #fffafa33, 966px 240px #fffafa33, 1414px 412px #fffafa33, 297px 937px #fffafa33, 1905px 190px #fffafa33, 679px 472px #fffafa33, 279px 532px #fffafa33, 1140px 888px #fffafa33, 1063px 993px #fffafa33, 1782px 604px #fffafa33, 135px 693px #fffafa33, 1799px 245px #fffafa33, 148px 440px #fffafa33, 1046px 41px #fffafa33, 1390px 5px #fffafa33, 75px 974px #fffafa33, 1479px 442px #fffafa33, 351px 964px #fffafa33, 177px 676px #fffafa33, 353px 230px #fffafa33, 479px 103px #fffafa33, 1164px 441px #fffafa33, 748px 842px #fffafa33, 1327px 485px #fffafa33, 103px 176px #fffafa33, 1687px 422px #fffafa33, 1708px 872px #fffafa33, 1696px 104px #fffafa33, 1457px 291px #fffafa33, 573px 550px #fffafa33, 294px 563px #fffafa33, 1806px 306px #fffafa33, 1255px 837px #fffafa33, 1818px 365px #fffafa33, 1333px 222px #fffafa33, 1178px 242px #fffafa33, 1536px 325px #fffafa33, 817px 610px #fffafa33, 478px 642px #fffafa33, 703px 970px #fffafa33, 245px 212px #fffafa33, 1773px 806px #fffafa33, 561px 770px #fffafa33, 1029px 444px #fffafa33, 199px 22px #fffafa33, 1992px 38px #fffafa33, 1943px 938px #fffafa33, 1245px 674px #fffafa33, 1838px 690px #fffafa33, 1352px 9px #fffafa33, 1281px 367px #fffafa33, 676px 253px #fffafa33, 776px 354px #fffafa33, 929px 603px #fffafa33, 364px 271px #fffafa33, 1793px 324px #fffafa33, 340px 684px #fffafa33, 395px 480px #fffafa33, 71px 244px #fffafa33, 1745px 765px #fffafa33, 386px 663px #fffafa33, 704px 648px #fffafa33, 1687px 942px #fffafa33, 1647px 107px #fffafa33, 1382px 443px #fffafa33, 1106px 37px #fffafa33, 1111px 680px #fffafa33, 837px 412px #fffafa33, 656px 693px #fffafa33, 751px 16px #fffafa33, 1780px 350px #fffafa33, 691px 308px #fffafa33, 227px 226px #fffafa33, 1314px 310px #fffafa33, 1057px 553px #fffafa33, 1176px 740px #fffafa33, 991px 90px #fffafa33, 1162px 340px #fffafa33, 497px 136px #fffafa33, 1588px 491px #fffafa33, 1045px 153px #fffafa33, 1329px 735px #fffafa33, 395px 945px #fffafa33, 320px 696px #fffafa33, 1505px 522px #fffafa33, 34px 555px #fffafa33, 302px 311px #fffafa33, 1275px 453px #fffafa33, 1460px 989px #fffafa33, 1164px 848px #fffafa33, 1169px 495px #fffafa33, 1869px 601px #fffafa33, 828px 526px #fffafa33, 1845px 351px #fffafa33, 1177px 347px #fffafa33, 382px 408px #fffafa33, 157px 553px #fffafa33, 382px 585px #fffafa33, 765px 124px #fffafa33, 833px 496px #fffafa33, 1892px 179px #fffafa33, 858px 698px #fffafa33, 277px 914px #fffafa33, 500px 55px #fffafa33, 540px 297px #fffafa33, 1696px 111px #fffafa33, 1194px 456px #fffafa33, 478px 595px #fffafa33, 220px 157px #fffafa33, 137px 969px #fffafa33, 518px 934px #fffafa33, 624px 636px #fffafa33;
  animation: animStar 100s linear infinite; }

#stars2:after {
  content: " ";
  position: absolute;
  top: 1000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 572px 687px #fffafa33, 1028px 466px #fffafa33, 1264px 358px #fffafa33, 891px 325px #fffafa33, 1064px 645px #fffafa33, 857px 422px #fffafa33, 1408px 197px #fffafa33, 318px 665px #fffafa33, 618px 83px #fffafa33, 1695px 133px #fffafa33, 1452px 544px #fffafa33, 510px 835px #fffafa33, 648px 627px #fffafa33, 1497px 93px #fffafa33, 625px 254px #fffafa33, 1696px 450px #fffafa33, 1949px 593px #fffafa33, 1833px 177px #fffafa33, 300px 147px #fffafa33, 908px 68px #fffafa33, 666px 726px #fffafa33, 1879px 281px #fffafa33, 1971px 186px #fffafa33, 646px 271px #fffafa33, 440px 586px #fffafa33, 650px 832px #fffafa33, 891px 933px #fffafa33, 889px 127px #fffafa33, 1386px 546px #fffafa33, 813px 291px #fffafa33, 1201px 147px #fffafa33, 441px 625px #fffafa33, 1531px 264px #fffafa33, 555px 764px #fffafa33, 1235px 651px #fffafa33, 244px 753px #fffafa33, 1024px 695px #fffafa33, 531px 906px #fffafa33, 532px 739px #fffafa33, 65px 492px #fffafa33, 1365px 986px #fffafa33, 1114px 366px #fffafa33, 140px 367px #fffafa33, 757px 651px #fffafa33, 989px 411px #fffafa33, 1210px 600px #fffafa33, 588px 550px #fffafa33, 1574px 91px #fffafa33, 1820px 760px #fffafa33, 909px 332px #fffafa33, 240px 308px #fffafa33, 902px 811px #fffafa33, 773px 659px #fffafa33, 1250px 91px #fffafa33, 721px 936px #fffafa33, 541px 729px #fffafa33, 1121px 428px #fffafa33, 849px 886px #fffafa33, 1351px 265px #fffafa33, 933px 521px #fffafa33, 1071px 373px #fffafa33, 525px 966px #fffafa33, 1822px 764px #fffafa33, 1427px 179px #fffafa33, 1534px 914px #fffafa33, 1281px 176px #fffafa33, 1514px 579px #fffafa33, 491px 283px #fffafa33, 430px 585px #fffafa33, 991px 940px #fffafa33, 300px 272px #fffafa33, 809px 800px #fffafa33, 212px 933px #fffafa33, 424px 345px #fffafa33, 364px 214px #fffafa33, 559px 352px #fffafa33, 943px 980px #fffafa33, 838px 1000px #fffafa33, 385px 564px #fffafa33, 931px 271px #fffafa33, 389px 355px #fffafa33, 468px 365px #fffafa33, 1377px 320px #fffafa33, 455px 120px #fffafa33, 1066px 379px #fffafa33, 1248px 731px #fffafa33, 928px 102px #fffafa33, 937px 32px #fffafa33, 1562px 254px #fffafa33, 966px 240px #fffafa33, 1414px 412px #fffafa33, 297px 937px #fffafa33, 1905px 190px #fffafa33, 679px 472px #fffafa33, 279px 532px #fffafa33, 1140px 888px #fffafa33, 1063px 993px #fffafa33, 1782px 604px #fffafa33, 135px 693px #fffafa33, 1799px 245px #fffafa33, 148px 440px #fffafa33, 1046px 41px #fffafa33, 1390px 5px #fffafa33, 75px 974px #fffafa33, 1479px 442px #fffafa33, 351px 964px #fffafa33, 177px 676px #fffafa33, 353px 230px #fffafa33, 479px 103px #fffafa33, 1164px 441px #fffafa33, 748px 842px #fffafa33, 1327px 485px #fffafa33, 103px 176px #fffafa33, 1687px 422px #fffafa33, 1708px 872px #fffafa33, 1696px 104px #fffafa33, 1457px 291px #fffafa33, 573px 550px #fffafa33, 294px 563px #fffafa33, 1806px 306px #fffafa33, 1255px 837px #fffafa33, 1818px 365px #fffafa33, 1333px 222px #fffafa33, 1178px 242px #fffafa33, 1536px 325px #fffafa33, 817px 610px #fffafa33, 478px 642px #fffafa33, 703px 970px #fffafa33, 245px 212px #fffafa33, 1773px 806px #fffafa33, 561px 770px #fffafa33, 1029px 444px #fffafa33, 199px 22px #fffafa33, 1992px 38px #fffafa33, 1943px 938px #fffafa33, 1245px 674px #fffafa33, 1838px 690px #fffafa33, 1352px 9px #fffafa33, 1281px 367px #fffafa33, 676px 253px #fffafa33, 776px 354px #fffafa33, 929px 603px #fffafa33, 364px 271px #fffafa33, 1793px 324px #fffafa33, 340px 684px #fffafa33, 395px 480px #fffafa33, 71px 244px #fffafa33, 1745px 765px #fffafa33, 386px 663px #fffafa33, 704px 648px #fffafa33, 1687px 942px #fffafa33, 1647px 107px #fffafa33, 1382px 443px #fffafa33, 1106px 37px #fffafa33, 1111px 680px #fffafa33, 837px 412px #fffafa33, 656px 693px #fffafa33, 751px 16px #fffafa33, 1780px 350px #fffafa33, 691px 308px #fffafa33, 227px 226px #fffafa33, 1314px 310px #fffafa33, 1057px 553px #fffafa33, 1176px 740px #fffafa33, 991px 90px #fffafa33, 1162px 340px #fffafa33, 497px 136px #fffafa33, 1588px 491px #fffafa33, 1045px 153px #fffafa33, 1329px 735px #fffafa33, 395px 945px #fffafa33, 320px 696px #fffafa33, 1505px 522px #fffafa33, 34px 555px #fffafa33, 302px 311px #fffafa33, 1275px 453px #fffafa33, 1460px 989px #fffafa33, 1164px 848px #fffafa33, 1169px 495px #fffafa33, 1869px 601px #fffafa33, 828px 526px #fffafa33, 1845px 351px #fffafa33, 1177px 347px #fffafa33, 382px 408px #fffafa33, 157px 553px #fffafa33, 382px 585px #fffafa33, 765px 124px #fffafa33, 833px 496px #fffafa33, 1892px 179px #fffafa33, 858px 698px #fffafa33, 277px 914px #fffafa33, 500px 55px #fffafa33, 540px 297px #fffafa33, 1696px 111px #fffafa33, 1194px 456px #fffafa33, 478px 595px #fffafa33, 220px 157px #fffafa33, 137px 969px #fffafa33, 518px 934px #fffafa33, 624px 636px #fffafa33; }

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 364px 785px #fffafa33, 772px 254px #fffafa33, 1821px 801px #fffafa33, 1669px 214px #fffafa33, 764px 152px #fffafa33, 1716px 959px #fffafa33, 576px 397px #fffafa33, 1775px 121px #fffafa33, 1284px 415px #fffafa33, 1630px 149px #fffafa33, 1278px 333px #fffafa33, 531px 850px #fffafa33, 1382px 655px #fffafa33, 1309px 786px #fffafa33, 221px 376px #fffafa33, 105px 786px #fffafa33, 1391px 67px #fffafa33, 1373px 150px #fffafa33, 700px 624px #fffafa33, 11px 823px #fffafa33, 294px 264px #fffafa33, 1185px 722px #fffafa33, 825px 602px #fffafa33, 1787px 186px #fffafa33, 1973px 689px #fffafa33, 1954px 547px #fffafa33, 257px 158px #fffafa33, 769px 30px #fffafa33, 1590px 229px #fffafa33, 1159px 108px #fffafa33, 765px 244px #fffafa33, 1893px 700px #fffafa33, 984px 448px #fffafa33, 869px 6px #fffafa33, 721px 202px #fffafa33, 181px 841px #fffafa33, 132px 562px #fffafa33, 1190px 979px #fffafa33, 1394px 748px #fffafa33, 441px 289px #fffafa33, 661px 297px #fffafa33, 562px 987px #fffafa33, 1454px 760px #fffafa33, 403px 739px #fffafa33, 797px 99px #fffafa33, 1946px 221px #fffafa33, 1453px 183px #fffafa33, 328px 624px #fffafa33, 1394px 269px #fffafa33, 1642px 623px #fffafa33, 459px 271px #fffafa33, 1276px 850px #fffafa33, 799px 925px #fffafa33, 481px 516px #fffafa33, 1630px 767px #fffafa33, 945px 811px #fffafa33, 860px 963px #fffafa33, 1352px 339px #fffafa33, 842px 214px #fffafa33, 1565px 772px #fffafa33, 997px 901px #fffafa33, 886px 253px #fffafa33, 474px 348px #fffafa33, 1320px 337px #fffafa33, 1686px 503px #fffafa33, 1553px 218px #fffafa33, 1369px 787px #fffafa33, 1860px 204px #fffafa33, 538px 320px #fffafa33, 313px 237px #fffafa33, 958px 802px #fffafa33, 811px 420px #fffafa33, 1166px 308px #fffafa33, 1814px 630px #fffafa33, 354px 399px #fffafa33, 180px 192px #fffafa33, 313px 265px #fffafa33, 1581px 925px #fffafa33, 278px 865px #fffafa33, 1452px 522px #fffafa33, 1436px 569px #fffafa33, 1437px 970px #fffafa33, 856px 818px #fffafa33, 806px 834px #fffafa33, 883px 918px #fffafa33, 1482px 221px #fffafa33, 578px 635px #fffafa33, 1298px 69px #fffafa33, 1829px 290px #fffafa33, 1319px 956px #fffafa33, 1192px 594px #fffafa33, 772px 847px #fffafa33, 1066px 529px #fffafa33, 1619px 682px #fffafa33, 333px 37px #fffafa33, 640px 736px #fffafa33, 167px 587px #fffafa33, 134px 903px #fffafa33, 5px 568px #fffafa33, 1079px 362px #fffafa33;
  animation: animStar 150s linear infinite; }

#stars3:after {
  content: " ";
  position: absolute;
  top: 1000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 364px 785px #fffafa33, 772px 254px #fffafa33, 1821px 801px #fffafa33, 1669px 214px #fffafa33, 764px 152px #fffafa33, 1716px 959px #fffafa33, 576px 397px #fffafa33, 1775px 121px #fffafa33, 1284px 415px #fffafa33, 1630px 149px #fffafa33, 1278px 333px #fffafa33, 531px 850px #fffafa33, 1382px 655px #fffafa33, 1309px 786px #fffafa33, 221px 376px #fffafa33, 105px 786px #fffafa33, 1391px 67px #fffafa33, 1373px 150px #fffafa33, 700px 624px #fffafa33, 11px 823px #fffafa33, 294px 264px #fffafa33, 1185px 722px #fffafa33, 825px 602px #fffafa33, 1787px 186px #fffafa33, 1973px 689px #fffafa33, 1954px 547px #fffafa33, 257px 158px #fffafa33, 769px 30px #fffafa33, 1590px 229px #fffafa33, 1159px 108px #fffafa33, 765px 244px #fffafa33, 1893px 700px #fffafa33, 984px 448px #fffafa33, 869px 6px #fffafa33, 721px 202px #fffafa33, 181px 841px #fffafa33, 132px 562px #fffafa33, 1190px 979px #fffafa33, 1394px 748px #fffafa33, 441px 289px #fffafa33, 661px 297px #fffafa33, 562px 987px #fffafa33, 1454px 760px #fffafa33, 403px 739px #fffafa33, 797px 99px #fffafa33, 1946px 221px #fffafa33, 1453px 183px #fffafa33, 328px 624px #fffafa33, 1394px 269px #fffafa33, 1642px 623px #fffafa33, 459px 271px #fffafa33, 1276px 850px #fffafa33, 799px 925px #fffafa33, 481px 516px #fffafa33, 1630px 767px #fffafa33, 945px 811px #fffafa33, 860px 963px #fffafa33, 1352px 339px #fffafa33, 842px 214px #fffafa33, 1565px 772px #fffafa33, 997px 901px #fffafa33, 886px 253px #fffafa33, 474px 348px #fffafa33, 1320px 337px #fffafa33, 1686px 503px #fffafa33, 1553px 218px #fffafa33, 1369px 787px #fffafa33, 1860px 204px #fffafa33, 538px 320px #fffafa33, 313px 237px #fffafa33, 958px 802px #fffafa33, 811px 420px #fffafa33, 1166px 308px #fffafa33, 1814px 630px #fffafa33, 354px 399px #fffafa33, 180px 192px #fffafa33, 313px 265px #fffafa33, 1581px 925px #fffafa33, 278px 865px #fffafa33, 1452px 522px #fffafa33, 1436px 569px #fffafa33, 1437px 970px #fffafa33, 856px 818px #fffafa33, 806px 834px #fffafa33, 883px 918px #fffafa33, 1482px 221px #fffafa33, 578px 635px #fffafa33, 1298px 69px #fffafa33, 1829px 290px #fffafa33, 1319px 956px #fffafa33, 1192px 594px #fffafa33, 772px 847px #fffafa33, 1066px 529px #fffafa33, 1619px 682px #fffafa33, 333px 37px #fffafa33, 640px 736px #fffafa33, 167px 587px #fffafa33, 134px 903px #fffafa33, 5px 568px #fffafa33, 1079px 362px #fffafa33; }

@keyframes animStar {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-1000px); } }
.features__wrapper {
  display: grid;
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  align-items: flex-start;
  justify-items: center;
  gap: 8rem;
  transition: all 0.3s ease-in-out; }

.features__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  text-align: center; }

.features__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  font-size: 2.5rem;
  color: white;
  border-radius: 1.2rem;
  transition: all 0.3s ease-in-out; }

.features__icon:hover {
  transform: scale(1.05); }

.features__icon--wallet {
  background-color: #5142fb; }

.features__icon--collection {
  background-color: #46a433; }

.features__icon--nft {
  background-color: #9835fb; }

.features__icon--list {
  background-color: #df4949; }

.features__description {
  width: 80%;
  opacity: 0.9; }

/* --------------------- Media Queries ----------------- */
@media screen and (min-width: 688px) {
  .features__wrapper {
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
@media screen and (min-width: 1312px) {
  .features__wrapper {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    gap: 3rem; } }
.auctions__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
  overflow-x: clip; }

.auctions__pages {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem; }

.auctions__page {
  height: 100%;
  display: grid;
  grid-template-columns: 100%;
  align-items: center;
  gap: 2rem;
  margin-right: -2rem;
  align-self: flex-start;
  transform: translateX(var(--transformX));
  transition: all 0.5s ease-in-out; }

.auctions__card {
  height: 100%;
  width: Min(100%, 50rem);
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-self: center;
  gap: 1.5rem;
  border-radius: 1.8rem;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  transition: all 0.3s ease-in-out; }

.card__img-container {
  position: relative;
  width: 100%;
  border-radius: 1.8rem;
  overflow: hidden; }

.card__img {
  width: 100%;
  height: auto;
  transition: all 0.3s ease-in-out; }

.card__time {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 0.5rem;
  white-space: nowrap;
  font-weight: 600;
  border-radius: 0.8rem;
  transform: translateX(-50%); }

.card__time--icon {
  font-size: 110%;
  color: #3930a3; }

.card__bid-btn {
  position: absolute;
  top: 120%;
  left: 50%;
  display: flex;
  gap: 1rem;
  padding: 0.5rem 1rem;
  background-color: white;
  color: #14141f;
  font-weight: 600;
  white-space: nowrap;
  border-radius: 3rem;
  cursor: pointer;
  opacity: 0;
  box-shadow: none;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out; }

.card__bid-btn:hover {
  opacity: 0.9; }

.card__bid-btn i {
  color: #3930a3; }

.auctions__card:hover .card__img {
  transform: scale(1.05); }

.auctions__card:hover .card__bid-btn {
  top: 50%;
  opacity: 1; }

.card__info {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  box-shadow: 0 0.2rem 0 -0.1rem rgba(0, 0, 0, 0.644); }

.card__title {
  width: 90%;
  text-transform: capitalize; }

.card__creator {
  margin-top: auto;
  display: grid;
  grid-template-columns: auto;
  align-items: center;
  gap: 1rem;
  padding: 1rem 0; }

.creator__img {
  height: clamp(4rem, 10vw, 5rem);
  border-radius: 1.8rem; }

.creator__info {
  margin-right: auto; }

.creatot__label {
  margin-top: auto;
  opacity: 0.8; }

.creator__name {
  margin-bottom: auto;
  font-weight: 700; }

.creator__bsc {
  padding: 0.5rem 1.1rem;
  background-color: #3930a3;
  color: white;
  font-weight: 600;
  font-size: 80%;
  text-align: center;
  border-radius: 1rem; }

.card__current-bid {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap; }

.card__bid-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }

.card__bid-label,
.card__bid-number {
  opacity: 0.8; }

.card__bid-number span {
  font-weight: 700;
  font-size: 120%; }

.pagination__btns {
  display: flex;
  align-self: center;
  gap: 1.5rem;
  margin-top: auto; }

.pagination__btn {
  background-color: transparent;
  border: none;
  font-size: 110%;
  transition: all 0.3s ease-in-out; }

.pagination__btn:hover {
  opacity: 0.8; }

.page-select {
  display: flex;
  align-items: center;
  justify-content: center; }

.pagination__page {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  cursor: pointer; }

.page-select__form {
  display: flex;
  align-items: center;
  gap: 1rem; }

.page-select__form p {
  font-weight: 600; }

.page-select__input {
  width: 4rem;
  height: 4rem;
  text-align: center;
  background-color: transparent;
  border: none;
  font-weight: 600;
  border-radius: 1rem; }

.page-select__input::-webkit-outer-spin-button,
.page-select__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.page-select__input[type="number"] {
  -moz-appearance: textfield; }

/* --------------------- Media Queries ----------------- */
@media screen and (min-width: 300px) {
  .card__bid-btn {
    padding: 1.5rem 2.5rem; }

  .card__time {
    padding: 0.8rem 1.8rem;
    border-radius: 1.3rem; }

  .card__creator {
    grid-template-columns: auto 1fr auto; } }
@media screen and (min-width: 768px) {
  .pagination__btns {
    gap: 2rem; }

  .page-select__btns {
    display: flex;
    gap: 2rem;
    align-items: center;
    gap: 1.2rem; } }
@media screen and (min-width: 992px) {
  .auctions__card {
    grid-row: 1; }

  .auctions__card:hover {
    transform: translateY(-1%); } }
.collections__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem; }

.collections__page {
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  align-items: center;
  justify-items: center;
  gap: 2rem; }

.collection__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  height: 100%;
  width: Min(100%, 50rem);
  align-self: center;
  padding: 2rem;
  border-radius: 1.8rem;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  color: rgba(0, 0, 0, 0.85);
  transition: all 0.3s ease-in-out; }

.collection__img-container {
  width: 100%;
  display: grid;
  grid-template-areas: "first first first second second second" "third third third third third third" "forth forth forth fifth fifth fifth";
  grid-template-rows: 15rem 15rem 15rem;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 1rem; }

.collection__link,
.collection__creator-link {
  transition: all 0.3s ease-in-out; }

:is(.collection__link, .collection__creator-link):hover {
  opacity: 0.8; }

.collection__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 1rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out; }

.collection__img--first {
  grid-area: first; }

.collection__img--second {
  grid-area: second; }

.collection__img--third {
  grid-area: third; }

.collection__img--forth {
  grid-area: forth; }

.collection__img--fifth {
  grid-area: fifth; }

.collection__img:hover {
  opacity: 0.8; }

.collection__creator-info {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap; }

.collection__creator-img {
  position: relative; }

.collection__creator-img img {
  height: clamp(4.5rem, 10vw, 6.5rem);
  border-radius: 1.8rem; }

.collection__creator-img i {
  display: grid;
  place-items: center;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 2rem;
  width: 2rem;
  border-radius: 100%;
  background-color: #3930a3;
  color: white; }

.collection__creator a {
  font-weight: 700; }

.collection__info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-self: center; }

.collection .article__likes {
  align-self: flex-start; }

/* --------------------- Media Queries ----------------- */
@media screen and (min-width: 300px) {
  .collection__img-container {
    grid-template-areas: "first first first second second second" "third third forth forth fifth fifth";
    grid-template-rows: 20rem 20rem; } }
@media screen and (min-width: 688px) {
  .collections__page {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
@media screen and (min-width: 992px) {
  .collections__page {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); }

  .collection__card {
    max-width: unset;
    width: 100%; } }
.sellers__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem; }

.seller__cards {
  width: Min(100%, 50rem);
  display: grid;
  grid-template-columns: 100%;
  justify-items: center;
  align-items: center;
  gap: 2rem; }

.seller__card {
  width: Min(100%, 50rem);
  transition: all 0.3s ease-in-out; }

.seller__card:hover {
  opacity: 0.8; }

.seller__card a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem; }

.seller__img-container {
  position: relative; }

.seller__img {
  height: clamp(5rem, 40vw, 10rem);
  border-radius: 3.5rem; }

.seller__img-container i {
  position: absolute;
  bottom: 0;
  right: 0;
  display: grid;
  place-items: center;
  height: clamp(1rem, 20vw, 3rem);
  width: clamp(1rem, 20vw, 3rem);
  font-size: 110%;
  border-radius: 100%;
  background-color: #3930a3;
  color: white; }

.seller__info {
  display: flex;
  flex-direction: column;
  gap: 1rem; }

.seller__info h3 {
  font-size: 120%; }

.seller__info p {
  opacity: 0.8; }

/* --------------------- Media Queries ----------------- */
@media screen and (min-width: 300px) {
  .seller__card a {
    flex-direction: row;
    align-items: center; }

  .seller__cards {
    grid-template-columns: Repeat(auto-fill, minmax(30rem, 1fr)); } }
@media screen and (min-width: 688px) {
  .seller__cards {
    width: 100%; } }
.picks__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem; }

.picks__filters {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem; }

.filter__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 1.2rem;
  border-radius: 2rem;
  cursor: pointer;
  font-weight: 700;
  transition: all 0.3s ease-in-out; }

.filter__btn:hover {
  background-color: rgba(255, 255, 255, 0.05); }

.picks__filters--left {
  display: grid;
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 1.5rem; }

.picks__cards {
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  gap: 2rem; }

.picks__card {
  height: 100%;
  width: Min(100%, 50rem);
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-self: center;
  gap: 1.5rem;
  border-radius: 1.8rem;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  transition: all 0.3s ease-in-out; }

.picks__card .pick__likes {
  position: absolute;
  top: 1rem;
  right: 1rem;
  box-shadow: none; }

.card__bid-history {
  display: flex;
  align-items: center;
  gap: 1rem;
  cursor: pointer; }

.card__bid-history i {
  transition: all 0.7s ease-in-out; }

.card__bid-history--active i {
  transform: rotateZ(360deg); }

.picks__load-btn {
  margin: 1rem 0 3rem 0;
  padding: 1.1rem 2.5rem;
  border-radius: 2.5rem;
  background-color: transparent;
  transition: all 0.3s ease-in-out; }

/* --------------------- Media Queries ----------------- */
@media screen and (min-width: 300px) {
  .picks__filters--left {
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
@media screen and (min-width: 688px) {
  .picks__filters {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap; }

  .picks__filters--left {
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); }

  .picks__cards {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
@media screen and (min-width: 992px) {
  .picks__cards {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); } }
.socials__menu {
  position: fixed;
  top: 50%;
  left: -1rem;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 130%;
  border-radius: 2rem;
  cursor: pointer;
  z-index: 100;
  box-shadow: 0 1rem 2rem -0.1rem #0026ff36, 0 0 0.8rem 0.1rem #bb00ff36, inset 0 -0.25rem 0 -0.1rem #3654ff, 0 0.25rem 0 -0.1rem #3654ff;
  transition: all 0.3s ease-in-out; }

.socials__placeholder {
  position: absolute;
  background-color: transparent;
  border: none;
  transition: all 0.3s ease-in-out; }

.socials__menu:hover .socials__placeholder {
  animation: jingle 1s ease-in-out; }

.socials__menu--open .socials__placeholder {
  visibility: hidden;
  opacity: 0; }

.socials__links {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  padding: 2rem 1rem;
  transition: all 0.3s ease-in-out;
  transform: scaleY(0);
  transform-origin: center;
  max-height: 0; }

.socials__link {
  display: block;
  transition: all 0.3s ease-in-out; }

.socials__link:hover {
  animation: jingle 1s ease-in-out; }

.socials__menu--open {
  animation: socials-open 0.4s linear forwards; }

@keyframes socials-open {
  30%,
  100% {
    left: 1rem; } }
.socials__menu--open .socials__links {
  animation: socials-open-links 0.4s linear forwards; }

@keyframes socials-open-links {
  0%,
  30% {
    transform: scaleY(0);
    max-height: 0; }
  100% {
    transform: scaleY(1);
    max-height: 50rem; } }
.socials__menu--close {
  animation: socials-close 0.4s linear forwards; }

@keyframes socials-close {
  0%,
  70% {
    left: 1rem; }
  100% {
    left: -1rem; } }
.socials__menu--close .socials__links {
  animation: socials-close-links 0.4s linear forwards; }

@keyframes socials-close-links {
  0% {
    transform: scaleY(1);
    max-height: 50rem; }
  70%,
  100% {
    transform: scaleY(0);
    max-height: 0; } }
@media screen and (max-width: 576px) {
  .socials__menu {
    display: none; } }
@keyframes jingle {
  12.5%,
  37.5%,
  62.5% {
    transform: rotateZ(-7deg) translateY(-0.3rem); }
  25%,
  50%,
  75% {
    transform: rotateZ(7deg) translateY(-0.3rem); } }
.theme--dark {
  background-image: linear-gradient(141deg, #0c0c14 0%, #0f0f1a 51%, #0c0c14 75%);
  color: white; }
  .theme--dark .header__wrapper--scrolled {
    background-color: #14141f; }
  .theme--dark .header__menu {
    background-color: white;
    color: #14141f; }
  .theme--dark .menu__submenu::before {
    background-color: white; }
  .theme--dark .menu__submenu {
    color: #14141f;
    background-color: rgba(0, 0, 0, 0.05); }
  .theme--dark .submenu__item:hover {
    background-color: rgba(0, 0, 0, 0.08);
    color: #3930a3; }
  .theme--dark .search__input {
    color: white; }
  .theme--dark .search__input::placeholder {
    color: #14141f; }
  .theme--dark .login__btn {
    color: white; }
  .theme--dark .hero__blob {
    display: none; }
  .theme--dark .section__title {
    color: white; }
  .theme--dark .section__explore-btn {
    color: white; }
  .theme--dark .auctions__wrapper {
    background-color: black; }
  .theme--dark .auctions__card {
    background-color: #14141f;
    color: rgba(255, 255, 255, 0.85); }
  .theme--dark .card__title a {
    color: white; }
  .theme--dark .card__time {
    background-color: #14141f; }
  .theme--dark .creator__name {
    color: white; }
  .theme--dark .card__bid-number span {
    color: white; }
  .theme--dark .picks__load-btn {
    box-shadow: inset 0 0 0 0.1rem white; }
  .theme--dark .article__likes {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    box-shadow: none; }
  .theme--dark .pagination__btn {
    color: white; }
  .theme--dark .pagination__page {
    background-color: white; }
  .theme--dark .page-select__input {
    box-shadow: 0 0 0 0.1rem white;
    color: white; }
  .theme--dark .pagination__page--active {
    box-shadow: 0 0 0 0.3rem #14141f, 0 0 0 0.4rem white; }
  .theme--dark .collection__card {
    background-color: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.85); }
  .theme--dark .collection__creator {
    color: #ffffff80; }
  .theme--dark .collection__creator a {
    color: white; }
  .theme--dark .collection__link,
  .theme--dark .collection__creator-link {
    color: white; }
  .theme--dark .seller__card a {
    color: white; }
  .theme--dark .filter__btn {
    color: white;
    box-shadow: 0 0 0 0.1rem white; }
  .theme--dark .picks__card {
    background-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.9); }
  .theme--dark .picks__card .pick__likes {
    background-color: rgba(0, 0, 0, 0.85); }
  .theme--dark .picks__filter-btn:hover {
    background-color: rgba(255, 255, 255, 0.03); }
  .theme--dark .picks__filter-btn--active {
    background-color: rgba(255, 255, 255, 0.884);
    color: #14141f; }
  .theme--dark .picks__filter-btn--active:hover {
    background-color: rgba(255, 255, 255, 0.884); }
  .theme--dark .socials__menu {
    background-color: #050508; }
  .theme--dark .socials__placeholder {
    color: rgba(255, 255, 255, 0.5); }
  .theme--dark .socials__menu:hover .socials__placeholder {
    color: rgba(255, 255, 255, 0.75); }
  .theme--dark .socials__link {
    color: rgba(255, 255, 255, 0.5); }
  .theme--dark .socials__link:hover {
    color: rgba(255, 255, 255, 0.75); }
  .theme--dark .scroll__btn {
    background-color: white;
    color: #3930a3; }
  .theme--dark .theme__btn--active {
    background-color: rgba(0, 0, 0, 0.137); }
    @media screen and (min-width: 1300px) {
      .theme--dark .theme__btn--active {
        background-color: rgba(255, 255, 255, 0.137); } }
  @media screen and (min-width: 1400px) {
    .theme--dark .header__menu {
      background-color: transparent;
      color: inherit; }
    .theme--dark .menu__submenu {
      background-color: white;
      color: #14141f; }
    .theme--dark .menu__item:hover .menu__item-btn {
      color: unset;
      opacity: 0.8; }
    .theme--dark .submenu__item::before {
      box-shadow: 0 0 0 0.02rem #3930a3; }
    .theme--dark .search__wrapper {
      background-color: white; }
    .theme--dark .header__search--expanded .search__input {
      color: #14141f; }
    .theme--dark .header__search--expanded .search__wrapper i {
      color: #3930a3; }
    .theme--dark .header__search--expanded .search__btn {
      background-color: white;
      color: #14141f; }
    .theme--dark .search__input {
      color: white; }
    .theme--dark .search__input::placeholder {
      color: #3930a3; } }

.theme--light {
  color: #14141f; }
  .theme--light .header__wrapper--scrolled {
    background-color: white; }
  .theme--light .header__menu {
    background-color: #f3f2ff;
    color: #14141f; }
  .theme--light .menu__submenu::before {
    background-color: #f3f2ff; }
  .theme--light .menu__submenu {
    color: #14141f;
    background-color: rgba(0, 0, 0, 0.05); }
  .theme--light .submenu__item:hover {
    background-color: rgba(255, 255, 255, 0.08);
    color: #14141f; }
  .theme--light .search__input {
    color: #14141f; }
  .theme--light .search__input::placeholder {
    color: #14141f; }
  .theme--light .login__btn {
    color: #14141f; }
  .theme--light .section__title {
    color: #14141f; }
  .theme--light .section__explore-btn {
    color: #14141f; }
  .theme--light .auctions__wrapper {
    background-color: #f3f2ff; }
  .theme--light .auctions__card {
    background-color: white;
    color: rgba(0, 0, 0, 0.85); }
  .theme--light .card__title a {
    color: #14141f; }
  .theme--light .card__time {
    background-color: white; }
  .theme--light .creator__name {
    color: #14141f; }
  .theme--light .card__bid-number span {
    color: #14141f; }
  .theme--light .picks__load-btn {
    box-shadow: inset 0 0 0 0.1rem #14141f; }
  .theme--light .article__likes {
    background-color: transparent;
    color: #14141f; }
  .theme--light .pagination__btn {
    color: #14141f; }
  .theme--light .pagination__page {
    background-color: #14141f; }
  .theme--light .page-select__input {
    box-shadow: 0 0 0 0.1rem #14141f;
    color: #14141f; }
  .theme--light .pagination__page--active {
    box-shadow: 0 0 0 0.3rem white, 0 0 0 0.4rem #14141f; }
  .theme--light .collection__card {
    background-color: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.85); }
  .theme--light .collection__creator {
    color: #00000080; }
  .theme--light .collection__creator a {
    color: #14141f; }
  .theme--light .collection__link,
  .theme--light .collection__creator-link {
    color: #14141f; }
  .theme--light .seller__card a {
    color: #14141f; }
  .theme--light .filter__btn {
    color: #14141f;
    box-shadow: 0 0 0 0.1rem #14141f; }
  .theme--light .picks__filter-btn:hover {
    background-color: rgba(0, 0, 0, 0.03); }
  .theme--light .picks__filter-btn--active {
    background-color: rgba(0, 0, 0, 0.884);
    color: white; }
  .theme--light .picks__filter-btn--active:hover {
    background-color: rgba(0, 0, 0, 0.884); }
  .theme--light .picks__card {
    color: rgba(0, 0, 0, 0.9); }
  .theme--light .picks__card .pick__likes {
    background-color: rgba(255, 255, 255, 0.85); }
  .theme--light .socials__menu {
    background-color: #f0f0ff; }
  .theme--light .socials__placeholder {
    color: rgba(0, 0, 0, 0.5); }
  .theme--light .socials__menu:hover .socials__placeholder {
    color: rgba(0, 0, 0, 0.75); }
  .theme--light .socials__link {
    color: rgba(0, 0, 0, 0.5); }
  .theme--light .socials__link:hover {
    color: rgba(0, 0, 0, 0.75); }
  .theme--light .scroll__btn {
    background-color: #3930a3bb;
    color: white; }
  .theme--light .theme__btn--active {
    background-color: rgba(0, 0, 0, 0.137); }
  @media screen and (min-width: 1400px) {
    .theme--light .header__menu {
      background-color: transparent;
      color: inherit; }
    .theme--light .menu__submenu {
      background-color: #f3f2ff;
      color: #14141f; }
    .theme--light .menu__item:hover .menu__item-btn {
      background-color: unset;
      color: #3930a3; }
    .theme--light .submenu__item::before {
      box-shadow: 0 0 0 0.02rem #14141f; }
    .theme--light .search__wrapper {
      background-color: #f3f2ff; }
    .theme--light .header__search--expanded .search__input {
      color: #14141f; }
    .theme--light .header__search--expanded .search__wrapper i {
      color: #14141f; }
    .theme--light .header__search--expanded .search__btn {
      background-color: #f3f2ff;
      color: #14141f; }
    .theme--light .search__input {
      color: #14141f; }
    .theme--light .search__input::placeholder {
      color: #14141f; }
    .theme--light .theme__btn--active {
      background-color: rgba(0, 0, 0, 0.1); }
    .theme--light input:-webkit-autofill,
    .theme--light input:-webkit-autofill:hover,
    .theme--light input:-webkit-autofill:focus,
    .theme--light input:-webkit-autofill:active {
      transition: all 0s 50000s;
      -webkit-text-fill-color: #14141f !important; } }

/*# sourceMappingURL=main.css.map */