/* .thanosgrid-container {
    margin: 0 auto;
    padding-left: 0.35714rem;
    padding-right: 0.35714rem;
    width: 100%;
  }
  
  @media screen and (min-width: 26.25em) {
    .thanosgrid-container {
      padding-left: 0.35714rem;
      padding-right: 0.35714rem;
    }
  }
  @media screen and (min-width: 48em) {
    .thanosgrid-container {
      padding-left: 0.71429rem;
      padding-right: 0.71429rem;
    }
  }
  @media screen and (min-width: 64em) {
    .thanosgrid-container {
      padding-left: 0.71429rem;
      padding-right: 0.71429rem;
      width: 1004px;
    }
  }
  @media screen and (min-width: 80em) {
    .thanosgrid-container {
      padding-left: 0.71429rem;
      padding-right: 0.71429rem;
      width: 1260px;
    }
  }
  @media screen and (min-width: 100em) {
    .thanosgrid-container {
      padding-left: 0.71429rem;
      padding-right: 0.71429rem;
      width: 1580px;
    }
  }
  @media screen and (min-width: 120em) {
    .thanosgrid-container {
      padding-left: 0.71429rem;
      padding-right: 0.71429rem;
      width: 1900px;
    }
  } */
.thanosgrid {
    /* -ms-flex-flow: row wrap;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;  */
}

.cell {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%;
}

.cell.auto {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
    flex: 1 1 0;
}

.cell.shrink {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
}

.thanosgrid>.auto,
.thanosgrid>.shrink {
    width: auto;
}

/* .thanosgrid > .xsmall-1 {
    width: 8.33333%;
  }
  
  .thanosgrid > .xsmall-2 {
    width: 16.66667%;
  }
  
  .thanosgrid > .xsmall-3 {
    width: 25%;
  }
  
  .thanosgrid > .xsmall-4 {
    width: 33.33333%;
  }
  
  .thanosgrid > .xsmall-5 {
    width: 41.66667%;
  }
  
  .thanosgrid > .xsmall-6 {
    width: 50%;
  }
  
  .thanosgrid > .xsmall-7 {
    width: 58.33333%;
  }
  
  .thanosgrid > .xsmall-8 {
    width: 66.66%;
  }
  
  .thanosgrid > .xsmall-9 {
    width: 75%;
  }
  
  .thanosgrid > .xsmall-10 {
    width: 83.33333%;
  }
  
  .thanosgrid > .xsmall-11 {
    width: 91.66667%;
  } */

.thanosgrid>.xsmall-12 {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

@media screen and (min-width: 26.25em) {
    .thanosgrid>.small-auto {
        -ms-flex: 1 1 0px;
        -webkit-box-flex: 1;
        flex: 1 1 0;
        width: auto;
    }

    .thanosgrid>.small-shrink {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
    }

    .thanosgrid>.small-1 {
        width: 8.33333%;
    }

    .thanosgrid>.small-2 {
        width: 16.66667%;
    }

    .thanosgrid>.small-3 {
        width: 25%;
    }

    .thanosgrid>.small-4 {
        width: 33.33333%;
    }

    .thanosgrid>.small-5 {
        width: 41.66667%;
    }

    .thanosgrid>.small-6 {
        width: 50%;
    }

    .thanosgrid>.small-7 {
        width: 58.33333%;
    }

    .thanosgrid>.small-8 {
        width: 66.66%;
    }

    .thanosgrid>.small-9 {
        width: 75%;
    }

    .thanosgrid>.small-10 {
        width: 83.33333%;
    }

    .thanosgrid>.small-11 {
        width: 91.66667%;
    }

    .thanosgrid>.small-12 {
        width: 100%;
    }
}

@media screen and (min-width: 48em) {
    .thanosgrid>.medium-auto {
        -ms-flex: 1 1 0px;
        -webkit-box-flex: 1;
        flex: 1 1 0;
        width: auto;
    }

    .thanosgrid>.medium-shrink {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
    }

    .thanosgrid>.medium-1 {
        width: 8.33333%;
    }

    .thanosgrid>.medium-2 {
        width: 16.66667%;
    }

    .thanosgrid>.medium-3 {
        width: 70%;
    }

    .thanosgrid>.medium-4 {
        width: 33.33333%;
    }

    .thanosgrid>.medium-5 {
        width: 41.66667%;
    }

    .thanosgrid>.medium-6 {
        width: 50%;
    }

    .thanosgrid>.medium-7 {
        width: 58.33333%;
    }

    .thanosgrid>.medium-8 {
        width: 66.66%;
    }

    .thanosgrid>.medium-9 {
        width: 75%;
    }

    .thanosgrid>.medium-10 {
        width: 83.33333%;
    }

    .thanosgrid>.medium-11 {
        width: 91.66667%;
    }

    .thanosgrid>.medium-12 {
        width: 100%;
    }
}

@media screen and (min-width: 64em) {
    .thanosgrid>.large-auto {
        -ms-flex: 1 1 0px;
        -webkit-box-flex: 1;
        flex: 1 1 0;
        width: auto;
    }

    .thanosgrid>.large-shrink {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
    }

    .thanosgrid>.large-1 {
        width: 8.33333%;
    }

    .thanosgrid>.large-2 {
        width: 16.66667%;
    }

    .thanosgrid>.large-3 {
        width: 25%;
    }

    .thanosgrid>.large-4 {
        width: 33.33333%;
    }

    .thanosgrid>.large-5 {
        width: 41.66667%;
    }

    .thanosgrid>.large-6 {
        width: 50%;
    }

    .thanosgrid>.large-7 {
        width: 58.33333%;
    }

    .thanosgrid>.large-8 {
        width: 66.66%;
    }

    .thanosgrid>.large-9 {
        width: 75%;
    }

    .thanosgrid>.large-10 {
        width: 83.33333%;
    }

    .thanosgrid>.large-11 {
        width: 91.66667%;
    }

    .thanosgrid>.large-12 {
        width: 100%;
    }
}

@media screen and (min-width: 80em) {
    .thanosgrid>.xlarge-auto {
        -ms-flex: 1 1 0px;
        -webkit-box-flex: 1;
        flex: 1 1 0;
        width: auto;
    }

    .thanosgrid>.xlarge-shrink {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
    }

    .thanosgrid>.xlarge-1 {
        width: 8.33333%;
    }

    .thanosgrid>.xlarge-2 {
        width: 16.66667%;
    }

    .thanosgrid>.xlarge-3 {
        width: 25%;
    }

    .thanosgrid>.xlarge-4 {
        width: 33.33333%;
    }

    .thanosgrid>.xlarge-5 {
        width: 41.66667%;
    }

    .thanosgrid>.xlarge-6 {
        width: 50%;
    }

    .thanosgrid>.xlarge-7 {
        width: 58.33333%;
    }

    .thanosgrid>.xlarge-8 {
        width: 66.66%;
    }

    .thanosgrid>.xlarge-9 {
        width: 75%;
    }

    .thanosgrid>.xlarge-10 {
        width: 83.33333%;
    }

    .thanosgrid>.xlarge-11 {
        width: 91.66667%;
    }

    .thanosgrid>.xlarge-12 {
        width: 100%;
    }
}

@media screen and (min-width: 100em) {
    .thanosgrid>.xxlarge-auto {
        -ms-flex: 1 1 0px;
        -webkit-box-flex: 1;
        flex: 1 1 0;
        width: auto;
    }

    .thanosgrid>.xxlarge-shrink {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
    }

    .thanosgrid>.xxlarge-1 {
        width: 8.33333%;
    }

    .thanosgrid>.xxlarge-2 {
        width: 16.66667%;
    }

    .thanosgrid>.xxlarge-3 {
        width: 25%;
    }

    .thanosgrid>.xxlarge-4 {
        width: 33.33333%;
    }

    .thanosgrid>.xxlarge-5 {
        width: 41.66667%;
    }

    .thanosgrid>.xxlarge-6 {
        width: 50%;
    }

    .thanosgrid>.xxlarge-7 {
        width: 58.33333%;
    }

    .thanosgrid>.xxlarge-8 {
        width: 66.66%;
    }

    .thanosgrid>.xxlarge-9 {
        width: 75%;
    }

    .thanosgrid>.xxlarge-10 {
        width: 83.33333%;
    }

    .thanosgrid>.xxlarge-11 {
        width: 91.66667%;
    }

    .thanosgrid>.xxlarge-12 {
        width: 100%;
    }
}

@media screen and (min-width: 120em) {
    .thanosgrid>.xxxlarge-auto {
        -ms-flex: 1 1 0px;
        -webkit-box-flex: 1;
        flex: 1 1 0;
        width: auto;
    }

    .thanosgrid>.xxxlarge-shrink {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
    }

    .thanosgrid>.xxxlarge-1 {
        width: 8.33333%;
    }

    .thanosgrid>.xxxlarge-2 {
        width: 16.66667%;
    }

    .thanosgrid>.xxxlarge-3 {
        width: 25%;
    }

    .thanosgrid>.xxxlarge-4 {
        width: 33.33333%;
    }

    .thanosgrid>.xxxlarge-5 {
        width: 41.66667%;
    }

    .thanosgrid>.xxxlarge-6 {
        width: 50%;
    }

    .thanosgrid>.xxxlarge-7 {
        width: 58.33333%;
    }

    .thanosgrid>.xxxlarge-8 {
        width: 66.66%;
    }

    .thanosgrid>.xxxlarge-9 {
        width: 75%;
    }

    .thanosgrid>.xxxlarge-10 {
        width: 83.33333%;
    }

    .thanosgrid>.xxxlarge-11 {
        width: 91.66667%;
    }

    .thanosgrid>.xxxlarge-12 {
        width: 100%;
    }
}

.thanosgrid-margin-x {
    margin-left: -0.35714rem;
    margin-right: -0.35714rem;
}

@media screen and (min-width: 26.25em) {
    .thanosgrid-margin-x {
        margin-left: -0.35714rem;
        margin-right: -0.35714rem;
    }
}

@media screen and (min-width: 48em) {
    .thanosgrid-margin-x {
        margin-left: -0.71429rem;
        margin-right: -0.71429rem;
    }
}

.thanosgrid-margin-x>.cell {
    margin-left: 0.35714rem;
    margin-right: 0.35714rem;
    width: calc(100% - .71429rem);
}

@media screen and (min-width: 26.25em) {
    .thanosgrid-margin-x>.cell {
        margin-left: 0.35714rem;
        margin-right: 0.35714rem;
        width: calc(100% - .71429rem);
    }
}

@media screen and (min-width: 48em) {
    .thanosgrid-margin-x>.cell {
        margin-left: 0.71429rem;
        margin-right: 0.71429rem;
        width: calc(100% - 1.42857rem);
    }
}

.thanosgrid-margin-x>.auto,
.thanosgrid-margin-x>.shrink {
    width: auto;
}

.thanosgrid-margin-x>.xsmall-1 {
    width: calc(8.33333% - .71429rem);
}

.thanosgrid-margin-x>.xsmall-2 {
    width: calc(16.66667% - .71429rem);
}

.thanosgrid-margin-x>.xsmall-3 {
    width: calc(25% - .71429rem);
}

.thanosgrid-margin-x>.xsmall-4 {
    width: calc(33.33333% - .71429rem);
}

.thanosgrid-margin-x>.xsmall-5 {
    width: calc(41.66667% - .71429rem);
}

.thanosgrid-margin-x>.xsmall-6 {
    width: calc(50% - .71429rem);
}

.thanosgrid-margin-x>.xsmall-7 {
    width: calc(58.33333% - .71429rem);
}

.thanosgrid-margin-x>.xsmall-8 {
    width: calc(66.66% - .71429rem);
}

.thanosgrid-margin-x>.xsmall-9 {
    width: calc(75% - .71429rem);
}

.thanosgrid-margin-x>.xsmall-10 {
    width: calc(83.33333% - .71429rem);
}

.thanosgrid-margin-x>.xsmall-11 {
    width: calc(91.66667% - .71429rem);
}

.thanosgrid-margin-x>.xsmall-12 {
    width: calc(100% - .71429rem);
}

@media screen and (min-width: 26.25em) {

    .thanosgrid-margin-x>.small-auto,
    .thanosgrid-margin-x>.small-shrink {
        width: auto;
    }

    .thanosgrid-margin-x>.small-1 {
        width: calc(8.33333% - .71429rem);
    }

    .thanosgrid-margin-x>.small-2 {
        width: calc(16.66667% - .71429rem);
    }

    .thanosgrid-margin-x>.small-3 {
        width: calc(25% - .71429rem);
    }

    .thanosgrid-margin-x>.small-4 {
        width: calc(33.33333% - .71429rem);
    }

    .thanosgrid-margin-x>.small-5 {
        width: calc(41.66667% - .71429rem);
    }

    .thanosgrid-margin-x>.small-6 {
        width: calc(50% - .71429rem);
    }

    .thanosgrid-margin-x>.small-7 {
        width: calc(58.33333% - .71429rem);
    }

    .thanosgrid-margin-x>.small-8 {
        width: calc(66.66% - .71429rem);
    }

    .thanosgrid-margin-x>.small-9 {
        width: calc(75% - .71429rem);
    }

    .thanosgrid-margin-x>.small-10 {
        width: calc(83.33333% - .71429rem);
    }

    .thanosgrid-margin-x>.small-11 {
        width: calc(91.66667% - .71429rem);
    }

    .thanosgrid-margin-x>.small-12 {
        width: calc(100% - .71429rem);
    }
}

@media screen and (min-width: 48em) {

    .thanosgrid-margin-x>.medium-auto,
    .thanosgrid-margin-x>.medium-shrink {
        width: auto;
    }

    .thanosgrid-margin-x>.medium-1 {
        width: calc(8.33333% - 1.42857rem);
    }

    .thanosgrid-margin-x>.medium-2 {
        width: calc(16.66667% - 1.42857rem);
    }

    .thanosgrid-margin-x>.medium-3 {
        width: calc(25% - 1.42857rem);
    }

    .thanosgrid-margin-x>.medium-4 {
        width: calc(33.33333% - 1.42857rem);
    }

    .thanosgrid-margin-x>.medium-5 {
        width: calc(41.66667% - 1.42857rem);
    }

    .thanosgrid-margin-x>.medium-6 {
        width: calc(50% - 1.42857rem);
    }

    .thanosgrid-margin-x>.medium-7 {
        width: calc(58.33333% - 1.42857rem);
    }

    .thanosgrid-margin-x>.medium-8 {
        width: calc(66.66% - 1.42857rem);
    }

    .thanosgrid-margin-x>.medium-9 {
        width: calc(75% - 1.42857rem);
    }

    .thanosgrid-margin-x>.medium-10 {
        width: calc(83.33333% - 1.42857rem);
    }

    .thanosgrid-margin-x>.medium-11 {
        width: calc(91.66667% - 1.42857rem);
    }

    .thanosgrid-margin-x>.medium-12 {
        width: calc(100% - 1.42857rem);
    }
}

@media screen and (min-width: 64em) {

    .thanosgrid-margin-x>.large-auto,
    .thanosgrid-margin-x>.large-shrink {
        width: auto;
    }

    .thanosgrid-margin-x>.large-1 {
        width: calc(8.33333% - 1.42857rem);
    }

    .thanosgrid-margin-x>.large-2 {
        width: calc(16.66667% - 1.42857rem);
    }

    .thanosgrid-margin-x>.large-3 {
        width: calc(25% - 1.42857rem);
    }

    .thanosgrid-margin-x>.large-4 {
        width: calc(33.33333% - 1.42857rem);
    }

    .thanosgrid-margin-x>.large-5 {
        width: calc(41.66667% - 1.42857rem);
    }

    .thanosgrid-margin-x>.large-6 {
        width: calc(50% - 1.42857rem);
    }

    .thanosgrid-margin-x>.large-7 {
        width: calc(58.33333% - 1.42857rem);
    }

    .thanosgrid-margin-x>.large-8 {
        width: calc(66.66% - 1.42857rem);
    }

    .thanosgrid-margin-x>.large-9 {
        width: calc(75% - 1.42857rem);
    }

    .thanosgrid-margin-x>.large-10 {
        width: calc(83.33333% - 1.42857rem);
    }

    .thanosgrid-margin-x>.large-11 {
        width: calc(91.66667% - 1.42857rem);
    }

    .thanosgrid-margin-x>.large-12 {
        width: calc(100% - 1.42857rem);
    }
}

@media screen and (min-width: 80em) {

    .thanosgrid-margin-x>.xlarge-auto,
    .thanosgrid-margin-x>.xlarge-shrink {
        width: auto;
    }

    .thanosgrid-margin-x>.xlarge-1 {
        width: calc(8.33333% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xlarge-2 {
        width: calc(16.66667% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xlarge-3 {
        width: calc(25% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xlarge-4 {
        width: calc(33.33333% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xlarge-5 {
        width: calc(41.66667% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xlarge-6 {
        width: calc(50% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xlarge-7 {
        width: calc(58.33333% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xlarge-8 {
        width: calc(66.66% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xlarge-9 {
        width: calc(75% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xlarge-10 {
        width: calc(83.33333% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xlarge-11 {
        width: calc(91.66667% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xlarge-12 {
        width: calc(100% - 1.42857rem);
    }
}

@media screen and (min-width: 100em) {

    .thanosgrid-margin-x>.xxlarge-auto,
    .thanosgrid-margin-x>.xxlarge-shrink {
        width: auto;
    }

    .thanosgrid-margin-x>.xxlarge-1 {
        width: calc(8.33333% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xxlarge-2 {
        width: calc(16.66667% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xxlarge-3 {
        width: calc(25% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xxlarge-4 {
        width: calc(33.33333% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xxlarge-5 {
        width: calc(41.66667% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xxlarge-6 {
        width: calc(50% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xxlarge-7 {
        width: calc(58.33333% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xxlarge-8 {
        width: calc(66.66% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xxlarge-9 {
        width: calc(75% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xxlarge-10 {
        width: calc(83.33333% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xxlarge-11 {
        width: calc(91.66667% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xxlarge-12 {
        width: calc(100% - 1.42857rem);
    }
}

@media screen and (min-width: 120em) {

    .thanosgrid-margin-x>.xxxlarge-auto,
    .thanosgrid-margin-x>.xxxlarge-shrink {
        width: auto;
    }

    .thanosgrid-margin-x>.xxxlarge-1 {
        width: calc(8.33333% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xxxlarge-2 {
        width: calc(16.66667% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xxxlarge-3 {
        width: calc(25% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xxxlarge-4 {
        width: calc(33.33333% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xxxlarge-5 {
        width: calc(41.66667% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xxxlarge-6 {
        width: calc(50% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xxxlarge-7 {
        width: calc(58.33333% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xxxlarge-8 {
        width: calc(66.66% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xxxlarge-9 {
        width: calc(75% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xxxlarge-10 {
        width: calc(83.33333% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xxxlarge-11 {
        width: calc(91.66667% - 1.42857rem);
    }

    .thanosgrid-margin-x>.xxxlarge-12 {
        width: calc(100% - 1.42857rem);
    }
}

html {
    height: 100%;
}

.disintegration-container {
    position: absolute;
    pointer-events: none;
}

.disintegration-container>canvas {
    position: absolute;
    left: 0;
    top: 0;
    transition: transform 1s ease-out, opacity 1s ease-out;
    opacity: 1;
    transform: rotate(0deg) translate(0px, 0px) rotate(0deg);
}

@keyframes debug-pulse {
    0% {
        filter: none;
    }

    95% {
        filter: none;
    }

    95% {
        filter: drop-shadow(0 1px 0 red);
    }

    100% {
        filter: drop-shadow(0 1px 0 red);
    }
}

.thanos {
    max-width: 80%;
    height: auto;
    width: 100%;
    align-self: center;
}

.container2.thanosgrid {
    min-height: 100vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.ba_drop {
    background-color: #000;
    width: 100%;
}

.thanosgrid.item {
    background: transparent !important;
    /* background: #fff; */
    box-sizing: border-box;
    margin-bottom: 1em;
    padding: 0em;
    margin: 10px;
    border-radius: 5px;
    visibility: hidden;
    /* display: none; */
    /* opacity:1;
    transition: opacity .10s ease-in; */
    /* border: 1px solid #ddd; */
    /* min-height: 350px; */
    max-width: 800px;
    margin: 0 auto;

}

.hidethanos .thanosgrid.item {
    visibility: visible;
}

.thanosgrid.item:hover {
    /* background: rgba(255, 0, 0, 0.9);
    opacity: 0.8; */
}

.thanosgrid.item h1 {
    margin-top: 0;
    font-size: 1.7rem;
}

.thanosgrid.item p {
    margin-bottom: 0;
    font-size: 1.2rem;
}

.thanosgrid.item img {
    max-width: 100%;
    height: auto;
}

.container2.thanosgrid.modal {
    z-index: 106;
}

.hidethanos::before {
    content: '';
    background-color: #0000008a;
    z-index: -1;
    width: 100%;
    height: 100vh;
    position: absolute;
}

/* .thanosoverlay{
    opacity: 1 !important;
    transition: opacity .4s ease-in-out !important;
    visibility: visible !important;
    background-color: rgba(29, 35, 44, .8);
    height: 100vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: 105;
  } */

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