body{background-image: url(cool.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; height: 100vh; margin: 0; overflow-y: hidden;}

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

a{color: black;}

#back{position: fixed; left: 15vh; top: 77vh; width: 60vh; height: 10vh; border: 1.5px solid black; border-radius: 2vh; background-color: aquamarine;
transition: all 0.3s; z-index: 1;}

#back:hover{background-color: aqua; cursor: pointer;}

#btext{position: absolute; left: 34%; top: -6%; font-size: 4.5vh; font-family: "Ass";}

#tangle{position: absolute; left: -23%; top: -148%; height: 320%;}

#pbox{position: fixed; left: 26vh; top: 56vh; width: 62vh; height: 17vh; background-color: aquamarine; border: 5px solid black;}

#p{position: absolute; left: 13%; top: 1%; font-size: 3vh; font-family: "Ass"; margin-right: 2vh;}

#light{position: fixed; left: 26vh; top: 0vh; height: 55vh; width: auto; border: 5px solid black;}

#pbox2{position: fixed; left: 55.6vh; top: 0vh; width: 63vh; height: 18vh; background-color: aquamarine; border: 5px solid black;}

#p2{position: absolute; left: 3%; top: -5%; font-size: 3vh; font-family: "Ass";}

#berry{position: fixed; right: 0vh; top: 0vh; height: 50vh; width: auto; border: 5px solid black;}

#pbox3{position: fixed; right: 38.6vh; top: 25vh; width: 63vh; height: 20vh; background-color: aquamarine; border: 5px solid black;}

#p3{position: absolute; left: 3%; top: -5%; font-size: 2.8vh; font-family: "Ass";}

#duel{position: fixed; right: 38.6vh; bottom: 0%; height: 52.9vh; width: auto; border: 5px solid black;}

#pbox4{position: fixed; right: 78vh; bottom: 0vh; width: 91vh; height: 6vh; background-color: aquamarine; border: 5px solid black;}

#p4{position: absolute; left: 1%; top: 1%; font-size: 1.9vh; font-family: "Ass"; white-space: nowrap;}