body {
  background-image:repeating-linear-gradient(137deg, #2a2a2a 0px, #2a2a2a 10px, #2a2a2a 10px, #839f52 10px, #839f52 20px);
  font-family:futura;
  font-size:0.8vw;
  cursor:default;
}

@font-face {
  font-family:futura;
  src:url(futura-light-bt.ttf);
}

#outer {
  background-color:#d7d7d9;
  min-height:98vh;
  width:55vh;
  text-align:center;
  margin: 0 0 0 35%;
  border-style:solid;
  border-width:0;
  border-radius: 1vh 1vh 10vh 1vh;
  box-shadow: inset 0px 0px 0.5vh 0.5vh #9c9490;
  box-sizing:border-box;
  padding:1vh 0 2vh 2vh;
}

#offon {
  height:vh;
  width:10vh;
  color:#d7d7d9;
  font-weight:bold;
  text-shadow:-1px 0 #000000;
  margin:0 0 1vh 0;
  box-shadow: inset 0px 0px 0.2vh 0.2vh #b3b2b0;
  border-style:solid;
  border-width:0;
  border-radius:1vh 1vh 1vh 1vh;
  cursor:pointer;
}

#inner {
  background-color:#6d7781;
  height:43vh;
  width:51vh; 
  border-style:solid;
  border-width:0;
  border-radius: 1vh 1vh 10vh 1vh;
  box-sizing:border-box;
  padding:1vh 2vh 2vh 1.5vh;
  box-shadow: inset 0px 0px 0.2vh 0.2vh #888081;
  color:#ffffff;
  position:relative;
}

#innertext {
  background-image:linear-gradient(#872b76, #6d7781, #2d1958); 
}

#battery {
  background-color:#222220;
  height:1.2vh;
  width: 1.2vh;
  position:relative;
  border-style:solid;
  border-width:0.1vh;
  border-color:#000000;
  border-radius: 10vh 10vh 10vh 10vh;
  top:11vh;
  left:2vh;
}

#batterytext {
  position:relative;
  text-align:left;
  top:11.5vh;
  left:-21vh;
}

#screen {
  background-color:#6b7900;
  height:35vh;
  width:35vh;
  box-shadow: inset 0px 0px 0.2vh 0.2vh #526001;
  box-sizing:border-box;
  margin: -2.5vh 0 0 6.5vh;
}

#pokemonyellow {
  right:0;
  bottom:0;
  width:110%;
  height:100%;
  display:none;
}

#nintendotext {
  float:left;
  font-weight:bold;
  font-size:1vw;
  color:#3e4192;
  padding:1vh 0 10vh 0;
}

img {
  width:90%;
}

#imgtext {
  position:relative;
  top:-15vh;
  font-size:1.5vw;
  display:none;
}