#gallery main,
#explorer main {
  margin-top: 8em;
}
#home #cave {
  position: absolute;
  top: -1px;
}
#home #cave .hover {
  display: none;
}
#cave {
  position: absolute;
  width: 100%;
  height: 0;
  padding-top: 56.263%;
  z-index: 50;
  background-image: url("/img/23/start/cave.png");
  background-position: bottom left;
  background-size: 100% auto;
  background-repeat: no-repeat;
  transition: background 0.3s linear;
}
a#btn:hover + #cave {
  background-image: url("/img/23/start/hover.png");
}
.preload {
  position: absolute;
  left: -9999px;
}
#home main {
  max-width: 1440px;
  margin: 83px auto 0 auto;
}
body#home {
  /*background-color: #131313;*/
}#home footer{
  margin-top: 0;
}
#home a#btn {
  position: absolute;
  z-index: 51;
  width: 16%;
  left: calc(45%);
  top: calc(38%);
  border: 0;
  height: 12%;
  background-color: transparent;
}
#partners .grid img {
  border: solid 1px #fff;
  transition: opacity 0.3s;
}
#partners .grid img:hover {
  opacity: 0.5;
}
#badges #badgegrid img {
  transform: scale(1);
  cursor: pointer;
  transition: all 0.3s;
  opacity: 0.95;
}
#badges #badgegrid img:hover {
  /*animation: bounce 0.5s 0.4s;*/
  opacity: 1;
  scale: 1.3;
}

#badges #badgegrid .soon{
  position: relative;
}
#badges #badgegrid .soon img{
  opacity: 0.6;
  filter: blur(6px);
  cursor: default;
}#badges #badgegrid .soon span{
  color: #fff;
  position: absolute;
  width: 100%;
  margin:0 auto;
  top:70px;
  text-align: center;
  right:0;
  cursor: default;
}#badges #badgegrid .soon img:hover{
  scale:1;
}


#badgetypes img {
  max-width: 150px;
}

#badges p a,
.simple p a {
  border-bottom: dotted 1px #fff;
}
#airdrops .flex img {
  max-width: 500px;
}
#airdrops .grid img {
  transition: opacity 0.35s;
  border: solid 1px #fff;
}
#airdrops .grid img:hover {
  opacity: 0.6;
}
#airdrops .grid {
  display: grid;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  margin-top: 1em;
}
#demons h3.neon {
  margin-top: 0;
  margin-bottom: 0;
}
#dragons .fusion_traits .grid-2-cols {
  margin-top: 0;
}
#dragons .trait h2 {
  font-size: 1.8em;
}
#dragons section.block {
  margin: 6em auto;
}
#dragons .slide-container.none {
  display: none;
}
#team h2 {
  margin-top: 0.25em;
}
#team h2 + p {
  margin-top: -0.5em !important;
}
#interop .tag {
  color: #fff;
  background-color: #fa8c23;
  border-radius: 2em;
  padding: 0.25em 0.8em;
  font-size: 0.8em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
#badgetypes div {
  text-align: center;
}
#badgetypes h2 {
  margin-top: 0.25em;
}
#badgetypes h2 + p {
  margin-top: -0.5em !important;
}
#fusion section.block,
#demons section.block,
#sandbox section.block,
#www section.block,
#pixels section.block {
  margin: 3em auto;
}
#sandbox section.block {
  padding: 0;
}
#sandbox #features div {
  text-align: center;
}
#sandbox #features {
  margin: 6em auto;
}
#sandbox #features img {
  height: 160px;
  width: auto;
}
#sandbox #features .grid-2-cols img {
  height: auto !important;
  width: 100% !important;
}
#sandbox .grid-60-40 img {
  width: 85%;
}
#sandbox .grid-60-40 .content {
  align-self: center;
  padding-left: 4em;
}
#sandbox .grid-60-40 .lrgr-text {
  font-size: 1.3em;
  line-height: 35px;
}
#sandbox .centered-content.flex {
  flex-direction: column;
  max-width: 500px;
  margin-inline: auto;
  text-align: center;
}
#sandbox .centered-content.flex img {
  width: 50%;
  margin-bottom: 1.5em;
}
#sandbox .centered-content.flex a {
  font-size: 1.1em;
}
#sandbox .context .heading.last {
  line-height: 0.8em;
  margin-bottom: 0.5em;
}
#team .grid,
#partners .grid,
#gaming .grid,
#features .grid,
#about .grid,
#twitter .grid {
  margin-top: 5em;
}

.intThumbnail {
  transition: all 0.3s ease-in-out !important;
}
@media screen and (max-width: 1280px) {
  #sandbox .container .grid-2-cols.border {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  #sandbox .context .heading.last {
    line-height: 1.3em;
  }
  #dragons .grid-70-30 .content.stats {
    text-align: left !important;
  }
  /* #dragons .grid-70-30 .content p {
    width: 50%;
  } */
  #dragons .parallax-window .black-strip {
    width: 50% !important;
  }
  #sandbox #sliderDragon img.bg,
  #www #sliderDragon img.bg,
  #pixels #sliderDragon img.bg {
    height: 500px;
    object-fit: cover;
  }
  #sandbox .grid,
  #www .grid {
    overflow-x: revert !important;
  }
  #sandbox .cta-grid,
  #www .cta-grid,
  #pixels .cta-grid {
    top: 50%;
    transform: translateY(-50%);
    height: fit-content;
  }
  #sandbox .cta-grid .cta-content.flex,
  #www .cta-grid .cta-content.flex,
  #pixels .cta-grid .cta-content.flex {
    top: revert !important;
    left: 1%;
    height: fit-content;
  }
  #dragons .slide-container.none {
    display: flex;
    width: 100%;
  }
  #dragons .slide-container.none .slide-section-container {
    padding: 0;
  }
  #dragons .grid-70-30.overflow .slide-container {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  #sandbox .IntThumbnails.flex,
  #www .IntThumbnails.flex,
  #pixels .IntThumbnails.flex {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 0.5em;
    row-gap: 0.5em;
    justify-content: center;
    align-items: center;
    margin: 1.5em 0 0 0.05em;
  }
  #sandbox .IntThumbnails.flex img,
  #www .IntThumbnails.flex img,
  #pixels .IntThumbnails.flex img {
    width: 100% !important;
    margin: 0 !important;
  }
}

@keyframes bounce {
  0% {
    transform: scale(1.25);
    opacity: 1;
  }
  50% {
    transform: scale(1.6);
    opacity: 0.8;
  }
  60% {
    transform: scale(0.75);
    opacity: 1;
  }
  80% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
#demons .gallery-container #thumbnails {
  margin-inline: auto;
  text-align: center;
}
#demons .gallery-container #thumbnails img {
  margin-top: 2em;
  width: 10%;
}
@media screen and (max-width: 768px) {
  #demons .gallery-container #thumbnails {
    column-gap: 0.5em;
  }
  #fusion .fusion_traits .grid.grid-3-cols {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }
}
#dragons .stats h2 {
  font-size: 8.5em;
  margin: 0;
  line-height: 0.5;
}
#dragons .stats h3 {
  margin: 0;
  line-height: 1;
  padding-bottom: 1em;
}
#rights p span {
  padding-bottom: 3px;
  border-bottom: 2px solid #01cad3;
}
#rights ol {
  margin-block: 1em;
}
@media screen and (max-width: 430px) {
  #rights ol {
    padding-left: 20px;
    margin-block: 1.5em;
  }
}