html {
  background-color: black;
  
}

body {
  background-color: #131d27;
  font-family: montserrat; 
  color: #EEEEEE;
  font-size: 20px
}
 
#header {
  position: relative;
  padding: 1px 30px 1px 60px;
  font-size: 1.2em;
}
 
.header-home {
  position: absolute;
  left: 80px;

}

.header-ios {
  position: absolute;
  right: 80px;
}

.selected {
  top: 35px;
 color: white;
 text-decoration: none;
 border-bottom: 2px solid white;
}

.not-selected {
  top: 38px;
 color: #696969;
 text-decoration: none;
}

.header-products {
  position: absolute;
  right: 180px;
  top: 37px;
}
 
#banner{
  text-align: center;
  /*background-image: url("./images/bg.jpg");*/
  /*background-image: url("./images/bg-gif.gif");*/
  background-size: cover;
  padding: 100px;
}

#banner-coming {
  position: relative;
  text-align: center;
  background-image: url("https://i.pinimg.com/736x/4a/1f/35/4a1f354f561a836872ed7393526ac4a8--horror-icons-horror-posters.jpg");
  /*background-image: url("./images/bg-gif.gif");*/
  background-size: contain;
  right: 0px;
  padding: 100px;
}

.dimmer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba( 16, 15, 15, 0.3);
    z-index: 1;
}

#descr{
  display: inline;
}

.typewrite {
  margin: 50px;
}
 
h1{
  z-index: 100;
  font-size: 4em;
}
 
h2{
  font-size: 1.3em;
}

 
a {
  color: #2ca0ff;
  text-decoration: none;
}
 
a:hover {
  color: #0a83e6;
}
 
img{
  width: 370px;
  height: 250px;
  border-style: solid;
  border-color: #03a9f4;
  border-width: 2px;
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

img.ios {
  width: 200px;
  height: 350px;
  border-style: solid;
  border-color: #03a9f4;
  border-width: 2px;
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

img:hover{
  transform: scale(1.05);
  border-color: #03a9f9;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
 
.cards {
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: center;
 
}

 
.card {
  width: 400px;
  display: inline-block;
  margin-bottom: 60px
}
 
.card :not(:nth-child(3)) { margin-right: 5px }

.card-ios {
  width: 250px;
  display: inline-block;
  margin-bottom: 60px
}
 
.card-ios :not(:nth-child(4)) { margin-right: 5px }

#featured {
  background-color: #0b1319;
  padding: 20px;
  text-align: center;
}

#featured img {
  display: inline;
  height: 75px;
  width: 200px;
  border-color: transparent;
  padding: 10px;
}

#footer{
  text-align: center;
  padding: 5px;
  background: black;
}

#linkme {
  color: white;
}

#linkme:hover{
  background-color: transparent;;
}

#donate {
    color: white;
}

#z img {
  width: 20px;
  height: 20px
}

.chat {
  position: fixed;
  bottom: 70px;
  right: 0px;
  color: white;
  font-size: 0.8em;
  padding: 3px;
  border-radius: 5px;
  width: 130px;
  
}



    .last-step {
      position: absolute;
      right: 100px;
      bottom: 20%;
    }

  .button {
    width: 290px;
    border-radius: 5px;
    color: white;
    border: 4px solid;
    text-decoration: none;
    display: inline-block;
    background: none;
    font-size: 10px;
    right: 90px;
    bottom: 10%;
    cursor:pointer;

  }

  .button:hover {
    border-color: white;
    transition: .2s ease-in-out;
    background: white;
    color: #131d27;
  }

  .vip {
    background-color: white;
    border-radius: 7px;
    color: #121e28;
  }


  input.email {
    font-size: 20px !important;
    height: 60px !important;
    padding: 0 10px !important;
    display: block !important;
     margin-left: auto !important;
    margin-right: auto !important;
  }

  #mc_embed_signup .button {
  padding:1em !important;
  height:auto !important;
  line-height: 1 !important;
  font-size: 1em !important;
  font-weight:bold !important;
  margin-top:1em !important;
  background-color: #0e72a0 !important;
  }

  #mc_embed_signup .button:hover {
  background-color: #2baae5 !important;
  }


  #mc_embed_signup {
    background-color: transparent !important;
  }

  #mc_embed_signup input.email {
    font-size: 20px !important;
    height: 60px !important;
    padding: 0 10px !important;
    display: block !important;
     margin-left: auto !important;
    margin-right: auto !important;
    color: black;
  }

  input.button {
  padding:0.5em !important;
  height:auto !important;
  line-height: 1 !important;
  font-weight:bold !important;
  margin-top:1em !important;
  }

  input.email {
    font-size: 20px !important;
    height: 60px !important;
    padding: 0 10px !important;
    display: block !important;
     margin-left: auto !important;
}