/* WE UNITE AGAINST THE CORRUPTION AND LIES */

@import url('https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@400;500;600&display=swap');


/* Mind */

body {
    background: #fff;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: 'Overpass Mono', monospace;
}

h1 {
    font-family: 'Overpass Mono', monospace;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 9px;
    color: #ECDBBF;
    line-height: 1.5;

}

@media (min-width: 42.375em) {
    h1 {
        font-size: 42px;
    
    }
}



h2 {
    font-family: 'Overpass Mono', monospace;
    font-size: 42px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 9px;
    color: #302C27;
    line-height: 1.5;
}

h3 {
    visibility: hidden;
}

p {
    font-family: 'Overpass Mono', monospace;
    font-size: 20px;
    color: #302C27;
    line-height: 1.5;
}

/* Soul */

.hero {
    position: relative;
    overflow: visible;
    background: url(images/top-bg.jpg) top center no-repeat;
    background-size: cover;
    height: 140vh;
    width: 100%;
}

.mainLogo {
    position: absolute;
    top: 4em;
    right: 4em;
    height: 337px;
    z-index: 2;
}

@media only screen and (max-width: 600px) {
    .mainLogo {
        position: absolute;
        top: 2em;
        right: 2em;
        height: 120px;
        z-index: 2;
    }
}

.smallCircle {
    display: block;
    margin-bottom: 7em;
    position: relative;
    z-index: 1;
}

.join-the-mikaboshi {
    display: block;
    margin-bottom: 80px;
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
}

@media (min-width: 42.375em) {
    .join-the-mikaboshi {
        display: block;
        margin-bottom: 80px;
        position: relative;
        z-index: 1;
        width: auto;
        height: auto;
    }
}



.mikaboshi-dao {
    display: block;
    margin-top: 18em;
    margin-bottom: -3em;
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
}

.hero::after {
    content: url('images/am-chaos.svg');
    position: absolute;
    top: -30%;
    left: 0;
    width: 100%;
    z-index: 0;
    overflow-x: hidden;
}

.sitecontents::before {
    content: url('images/big-merge.svg');
    position: absolute;
    top: -360px;
    left: 0;
    width: 100%;
    z-index: 0;
    overflow-x: hidden;
}

/* Body */

.sitecontents {
    position: relative;
    overflow: visible;
    background: #F4F4F4 url(images/bg2.jpg) top center no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 3000px;
    padding-top: 80vh;
}

.like-minded {
    display: block;
    margin-bottom: 140px;
    width: 100%;
    height: auto;
}

.video {
    position: relative;
    overflow: hidden;
    margin-bottom: 140px; 
}

.buyit h2 {
    font-size: 20px;
    font-weight: 400 ;
}

.contract {
    display: none;
}

@media (min-width: 42.375em) {
    .contract {
        background: #302C27;
        padding: 7px 20px;
        color: #FFFFFF;
        display: inline-block;
        font-family: 'Overpass Mono', monospace;
        margin-bottom: 50px;
        word-wrap: break-word;
    }
}


/* logos */

.buyit {
    padding: 2em;
}

@media (min-width: 42.375em) {
    
}


.externallinks {
    padding: 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 5em !important;
}

.externallinks a {
    position: relative;
    display: block;
    padding: 20px 30px 20px 70px;
    margin-bottom: 1em;
    color: #302C27;
    text-decoration: none;
}

.coingecko {
    background: url(images/coingecko.png) left center no-repeat;
    background-size: contain;
}

.twitter {
    background: url(images/twitter.png) left center no-repeat;
    background-size: contain;
}

.telegram {
    background: url(images/telegram.png) left center no-repeat;
    background-size: contain;
}

.youtube {
    background: url(images/youtube.png) left center no-repeat;
    background-size: contain;
}

.dextools {
    background: url(images/dextools.png) left center no-repeat;
    background-size: contain;
}

.uniswap {
    background: url(images/uniswap.png) left center no-repeat;
    background-size: contain;
}

.footer {
    position: relative;
    clear: both;
    background: url(images/bottom-texture.svg) bottom -80px center no-repeat;
    background-size: 200%;
    min-height: 30vh;
    text-align: center;
}

.addsomegravy {
    margin-top: 4em;
}

.end-message {
    margin-bottom: 8em;
    max-width: 200px;
}

@media (min-width: 42.375em) {
    .end-message {
        margin-top: 8em;
        max-width: 400px;
    }
    .footer {
        position: relative;
        clear: both;
        
        background: url(images/bottom-texture.svg) top center no-repeat;
        background-size: 140%;
        min-height: 80vh;
        text-align: center;
    }
}

/* Even chaos needs a grid */ 

/* page container */
.wrapper {
    margin: 0;
    position: relative;
    overflow: hidden;
  }
  
  .row {
    width: 100%;
    margin: 0 auto;
    clear: both;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  /* contained row */
  .small-row-indented {
    clear: both;
    padding: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
  }
  
  .small-row {
    clear: both;
    padding: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
  }
  
  @media (min-width: 64em) {
    .small-row {
      margin: 0 8%;
    }
  
    .small-row-indented {
      margin: 0 8% 0 16%;
    }
  }
  .paddedColumn {
    float: left;
    padding: 2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  @media (min-width: 64em) {
    .paddedColumn {
      padding: 2em 3em;
    }
  }
  @media (min-width: 118em) {
    .paddedColumn {
      padding: 4em 3em;
    }
  }
  @media screen and (max-width: 42em) {
    .paddedColumn {
      width: 100%;
    }
  }
  
  .plainColumn {
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  @media only screen {
    .xsmall-1 {
      width: 8.3333333333%;
    }
  
    .xsmall-2 {
      width: 16.6666666667%;
    }
  
    .xsmall-3 {
      width: 25%;
    }
  
    .xsmall-4 {
      width: 33.3333333333%;
    }
  
    .xsmall-5 {
      width: 41.6666666667%;
    }
  
    .xsmall-6 {
      width: 50%;
    }
  
    .xsmall-7 {
      width: 58.3333333333%;
    }
  
    .xsmall-8 {
      width: 66.6666666667%;
    }
  
    .xsmall-9 {
      width: 75%;
    }
  
    .xsmall-10 {
      width: 83.3333333333%;
    }
  
    .xsmall-11 {
      width: 91.6666666667%;
    }
  
    .xsmall-12 {
      width: 100%;
    }
  }
  @media (min-width: 42.375em) {
    .small-1 {
      width: 8.3333333333%;
    }
  
    .small-2 {
      width: 16.6666666667%;
    }
  
    .small-3 {
      width: 25%;
    }
  
    .small-4 {
      width: 33.3333333333%;
    }
  
    .small-5 {
      width: 41.6666666667%;
    }
  
    .small-6 {
      width: 50%;
    }
  
    .small-7 {
      width: 58.3333333333%;
    }
  
    .small-8 {
      width: 66.6666666667%;
    }
  
    .small-9 {
      width: 75%;
    }
  
    .small-10 {
      width: 83.3333333333%;
    }
  
    .small-11 {
      width: 91.6666666667%;
    }
  
    .small-12 {
      width: 100%;
    }
  }
  @media (min-width: 64em) {
    .pull-right {
      float: right;
    }
  
    .align-right {
      text-align: right;
    }
  
    .medium-1 {
      width: 8.3333333333%;
    }
  
    .medium-2 {
      width: 16.6666666667%;
    }
  
    .medium-3 {
      width: 25%;
    }
  
    .medium-4 {
      width: 33.3333333333%;
    }
  
    .medium-5 {
      width: 41.6666666667%;
    }
  
    .medium-6 {
      width: 50%;
    }
  
    .medium-7 {
      width: 58.3333333333%;
    }
  
    .medium-8 {
      width: 66.6666666667%;
    }
  
    .medium-9 {
      width: 75%;
    }
  
    .medium-10 {
      width: 83.3333333333%;
    }
  
    .medium-11 {
      width: 91.6666666667%;
    }
  
    .medium-12 {
      width: 100%;
    }
  }
  @media (min-width: 85.375em) {
    .large-1 {
      width: 8.3333333333%;
    }
  
    .large-2 {
      width: 16.6666666667%;
    }
  
    .large-3 {
      width: 25%;
    }
  
    .large-4 {
      width: 33.3333333333%;
    }
  
    .large-5 {
      width: 41.6666666667%;
    }
  
    .large-6 {
      width: 50%;
    }
  
    .large-7 {
      width: 58.3333333333%;
    }
  
    .large-8 {
      width: 66.6666666667%;
    }
  
    .large-9 {
      width: 75%;
    }
  
    .large-10 {
      width: 83.3333333333%;
    }
  
    .large-11 {
      width: 91.6666666667%;
    }
  
    .large-12 {
      width: 100%;
    }
  }
  @media (min-width: 118em) {
    .xlarge-1 {
      width: 8.3333333333%;
    }
  
    .xlarge-2 {
      width: 16.6666666667%;
    }
  
    .xlarge-3 {
      width: 25%;
    }
  
    .xlarge-4 {
      width: 33.3333333333%;
    }
  
    .xlarge-5 {
      width: 41.6666666667%;
    }
  
    .xlarge-6 {
      width: 50%;
    }
  
    .xlarge-7 {
      width: 58.3333333333%;
    }
  
    .xlarge-8 {
      width: 66.6666666667%;
    }
  
    .xlarge-9 {
      width: 75%;
    }
  
    .xlarge-10 {
      width: 83.3333333333%;
    }
  
    .xlarge-11 {
      width: 91.6666666667%;
    }
  
    .xlarge-12 {
      width: 100%;
    }
  }
  @media (min-width: 160em) {
    .xxlarge-1 {
      width: 8.3333333333%;
    }
  
    .xxlarge-2 {
      width: 16.6666666667%;
    }
  
    .xxlarge-3 {
      width: 25%;
    }
  
    .xxlarge-4 {
      width: 33.3333333333%;
    }
  
    .xxlarge-5 {
      width: 41.6666666667%;
    }
  
    .xxlarge-6 {
      width: 50%;
    }
  
    .xxlarge-7 {
      width: 58.3333333333%;
    }
  
    .xxlarge-8 {
      width: 66.6666666667%;
    }
  
    .xxlarge-9 {
      width: 75%;
    }
  
    .xxlarge-10 {
      width: 83.3333333333%;
    }
  
    .xxlarge-11 {
      width: 91.6666666667%;
    }
  
    .xxlarge-12 {
      width: 100%;
    }
  }

  #movin {
    position: absolute;
    z-index: 0;
    top: 0;
    width: 100%;
  }

/*

 Proposals and decisions are down to you. 

*/