body{background-image: url(space.png); background-size: cover; background-position: center; background-repeat: no-repeat; height: 100vh; margin: 0;}

@font-face{font-family: 'Q'; src: url('./Q.woff2') format('woff2');}

#ya{position: fixed; left: 40%; top: 5%; font-size: 7vh; font-weight: 300; font-family: "Q"; color: rgb(47, 190, 47);}

#expbox{position: fixed; left: 34%; top: 20%; width: 33%; height: 30%; background-color: rgb(36, 36, 36); border-radius: 1vh;}

#exp{position: absolute; left: 5%; top: 6%; font-size: 2.4vh; font-weight: 300; color: rgb(47, 190, 47); padding-right: 1.5vh;}

#animepic{position: fixed; left: 0%; bottom: 0%; width: 38%; height: auto;}

#expbox2{position: fixed; left: 63%; top: 69%; width: 33%; height: 18%; background-color: rgb(36, 36, 36); border-radius: 1vh;}

#exp2{position: absolute; left: 5%; top: 6%; font-size: 2.4vh; font-weight: 300; color: rgb(47, 190, 47); padding-right: 1.5vh;}

#chocola{position: fixed; left: 36%; bottom: 0%; height: 48%; width: auto;}

#coded{position: fixed; left: 64%; top: 90%; font-size: 2.4vh; font-weight: 300; color: rgb(47, 190, 47);}

a{color: aqua; transition: color 0.2s;}

a:hover{color: blue;}

#keychain{position: fixed; left: 68%; top: 10%; height: 55%; width: auto;}

#useacomputer{display: none;}

#keychain2{display: none;}

@media (max-width: 600px){
body{overflow: hidden;}

#useacomputer{position: fixed; left: 2%; top: 4%; font-size: 3vh; font-weight: 300; color: rgb(47, 190, 47); font-family: "Q"; display: none;}

#ya{position: fixed; left: 33%; top: 0.5%; font-size: 5vh; font-weight: 300; font-family: "Q"; color: rgb(47, 190, 47);}

#expbox{position: fixed; left: 12%; top: 15.8%; width: 77%;}

#exp{position: absolute; left: 5%; top: 3%; font-size: 1.75vh; font-weight: 300; color: rgb(47, 190, 47); padding-right: 1.5vh;}

#animepic{position: fixed; left: 0%; bottom: 0%; width: 64%; height: auto;}

#expbox2{position: fixed; left: 6%; top: 49%; width: 56%; font-size: 2.4vh; font-weight: 300; color: rgb(47, 190, 47); padding-right: 1.5vh;}

#exp2{position: absolute; top: 1.5%; font-size: 1.68vh; font-weight: 300; color: rgb(47, 190, 47); padding-right: 1.5vh;}

#chocola{position: fixed; left: 52%; bottom: 0%; height: 30%; width: auto;}

#coded{position: fixed; left: 1%; top: 67%; font-size: 1.5vh; font-weight: 300; color: rgb(96, 189, 96); margin-right: 15%;}

a{color: aqua;}

a:hover{color: transparent;}

#keychain{position: fixed; left: 66.5%; top: 50%; height: 18%; width: auto;}

#keychain2{position: fixed; left: 6%; top: 1%; height: 13%; width: auto; display: block;}
}