html{
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

body {
  background-color:#000;
  font-family: 'Montserrat', sans-serif;
  overflow: auto!important;
}

a:link, a:visited {
  text-decoration: none;
  color: #9400D3;
  font-weight: 700;
}

h1 {
  margin-bottom: 0;
}

h2 {
  font-size: 20px;
}

#subtext {
  color: #FFFFFF;
  text-align: center;
  font-weight: 400;
  opacity: 0.85;
}

#disclaimer {
  color: #FFF;
  text-align: center;
  font-size: 14px;
  opacity: 0.7;
}

.logo {
  margin:auto;
  width:160px;
  margin-top: 32px;
  position:absolute;
  left:0; right:0;
  margin-bottom: 40px;
}

.bg {
  background: linear-gradient(117.19deg, #9400D3 2.27%, #4B0082 99.67%);
}

#welcome {
  color: #FFFFFF;
  font-size: 52px;
  text-align: center;
}

#container {
  padding: 10vh;
  position:absolute;
  left:0; right:0;
  margin:auto;
  max-width:100%;
  max-height:100%;
  overflow:auto;
  height: 450px;
  width: 700px;
}

#screenshot {
bottom: 0px;
position: absolute;
display: block;
margin: auto;
left: 0;
right:0;
height: 40vh;
z-index: -1;
}

#card {
  padding: 22px 32px;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.25);
  margin: 64px 112px 24px 112px;
  z-index: 1;
}

.container {
  margin-left: 10vw;
  margin-top: 15vh;
}

@media (min-width: 320px) and (max-width: 480px) {
  
 #screenshot {
  max-width: 80vw;
 }
  
}