*,
:after,
:before {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  scroll-behavior: smooth;
}
.web3modal-modal-lightbox {
  z-index: 1000000 !important;
  font-family: Coiny, cursive;
}
body {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Lilita One, cursive;
  min-width: 375px;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  overflow-x: hidden;
  background-color: #f0e9e9;
  color: #111;
  background-color: #282828;
}
.disable-scrolling {
  height: 100%;
  overflow: hidden;
  max-height: 100vh;
}
body::-webkit-scrollbar {
  width: 5px;
}
body::-webkit-scrollbar-track {
  background: #282828;
}
body::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 12px;
}
@media only screen and (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  html {
    font-size: 15px;
  }
}
@media only screen and (max-width: 479px) {
  html {
    font-size: 14px;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes rainbow {
  0% {
    background-position: 0 50%;
  }
  to {
    background-position: 400% 50%;
  }
}
@keyframes rainbow {
  0% {
    background-position: 0 50%;
  }
  to {
    background-position: 400% 50%;
  }
}