@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital@0;1&display=swap');

html {
   padding: env(safe-area-inset);
}

a {
  color: black;
}

h3 {
  font-size: 2vw;
  color: black;
}

body {
  background: repeating-linear-gradient(90deg, #fff 0%, #fff 33%, #bbb 33%, #fff 35%, #fff 66%, #bbb 66%, #fff 68%, #fff 100%);
  font-family: 'Roboto', sans-serif;
  color: black;
  width: 100vw;
  height: 100%;
  margin: 0px;
}

#title {
  position: absolute;
  width: 100%;
  top:0;
  left:0;
  z-index: 1;
  color: #7BF079;
  font-family: 'Roboto', sans-serif;
  font-size: 12vw;
  font-weight: 900;
  font-style: italic;
  text-align: top;
  letter-spacing: -1.5vw;
  line-height: 0.6;
  text-shadow: 3px -3px 10px rgba(0,0,0,0.5);
}

#slots {
  position: absolute;
  top: 10;
  left: 10;
  right: 10;
  bottom: 10;
  border: 3px solid black;
  font-size: 1.5vw;
  overflow: visible;
}

#slots p {
  text-indent: 2vw;
}

#slots h2 {
  font-family: 'Roboto', serif;
  font-size: 4.5vw;
  line-height: 0.8;
  font-style: bold;
  margin-bottom: -10px;
  color: transparent;
  text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

#slots h3 {
   text-indent: 2vw;   
}

#footer {
  position: absolute;
  bottom:0;
  right:0;
  width: 100%;
  z-index: 2;
  color: black;
  background: #7BF079;
  text-align: right;
  font-size: 1vw;
  padding: 5px;
  -moz-box-shadow:    3px -3px 10px 0px rgba(0,0,0,0.5);
  -webkit-box-shadow: 3px -3px 10px 0px rgba(0,0,0,0.5);
  box-shadow:         3px -3px 10px 0px rgba(0,0,0,0.5);
}

#gogo {
  position: absolute;
  display: block;
  bottom: 40px;
  right: 2vw;
  z-index: 3;
  width: 10vw;
  height: 10vw;
  
  background-color: #7BF079;
  border: none;
  outline:0;

  font-family: 'Roboto', serif;
  font-size: 3vw;
  color: #bbb;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  
  border-radius: 50%;
  -moz-box-shadow:    -3px -3px 10px 0px rgba(0,0,0,0.3);
  -webkit-box-shadow: -3px -3px 10px 0px rgba(0,0,0,0.3);
  box-shadow:         -3px -3px 10px 0px rgba(0,0,0,0.3);

}