@import url("https://use.typekit.net/wpz2uau.css");
html, body { 
  
  margin: 0;
  height: 100vh;
  overflow: hidden;
font-family: "nimbus-sans", sans-serif;
font-weight: 400;
font-style: normal;
  color: white;
  font-size: 9px;
  
}

#magic {

  position: fixed;
  width: 100%;
  height: 100vh;
  display: block;
  top: 0;
  left: 0;
  z-index: -99999;

}

.playground{

  position: fixed;
  width: 100%;
  height: 100vh;
  display: block;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;

}
.bottomPosition{

  text-align: left;
  margin-bottom: 50px;
  display:flex;
  transform: translate(-70px, -25px);
    align-items:center

}

.logo {
  padding-right:25px;
}
.minText{
  
  font-size: 15px;
  font-weight:400;
}

.servText{
  
  font-size: 11px;
  font-weight:400;
  color: #ccccff;
}

a {
  color: white;
  font-size: 12px;
  text-decoration: none;
}

@media only screen and (max-width: 690px) {
  #magic {
    height: 60vh;
    top: 0;
    z-index: 0;
  }
    
    .bottomPosition{
      transform: translate(0, -80%);
      flex-direction: column;  
 z-index:10;
    overflow: visible;
  }
  
  .logo {
    padding-right:210px;

    overflow: visible;
  }
  
  html, body { 
    
    background:#000;
    
  }
}