body{background-image: url(cwave.png); 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;}

#lucky{position: fixed; left: 37vh; top: 47vh; height: 18vh; width: auto;}

#back{position: fixed; left: 15vh; top: 67vh; width: 55vh; height: 10vh; border: 1.5px solid black; border-radius: 2vh; background-color: lightseagreen;
transition: all 0.3s;}

#back:hover{background-color: rgb(76, 164, 199); cursor: pointer;}

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

#crystal{position: absolute; left: -30%; top: -93%; height: 260%;}

#pbox{position: fixed; left: 15vh; top: 14vh; width: 60vh; height: 30vh; background-color: lightseagreen; border: 5px solid black;}

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

#og{position: fixed; left: 76vh; top: 14vh; height: 50vh; width: auto; border: 5px solid black; z-index: 1;}

#pbox2{position: fixed; left: 76vh; top: 65vh; height: 10vh; width: 38vh; background-color: lightseagreen; border: 5px solid black;}

#p2{position: absolute; left: 4%; top: 0%; font-size: 1.8vh; font-family: "Ass"; margin-right: 0.8%;}

#arrow{position: fixed; left: 106vh; top: 3vh; height: 20vh; width: auto; transform: rotate(1deg);}

#edited{position: fixed; right: 10vh; top: 25vh; height: 60vh; width: auto; border: 5px solid black; z-index: 2;}

#pbox3{position: fixed; right: 10vh; top: 86vh; height: 8vh; width: 43.7vh; background-color: lightseagreen; border: 5px solid black; z-index: 2;}

#p3{position: absolute; left: 4%; top: 0%; font-size: 1.8vh; font-family: "Ass"; margin-right: 0.8%;}

#arrow2{position: fixed; right: 50vh; top: 75vh; height: 20vh; width: auto; transform: rotate(7deg); z-index: 1;}

#popup_button{position: fixed; left: 10vh; top: 85vh; width: 50vw; height: 10vh; border: 1px solid white; border-radius: 2vh; background-color: rgb(66, 66, 66);
transition: all 0.3s; cursor: pointer;}

#popup_button:hover{background-color: rgb(102, 102, 102);}

#click{position: absolute; left: 7%; top: -25%; font-family: "Ryan"; font-weight: 300; font-size: 6vh; color: aquamarine;}

#popup_toggle:checked~#poopup{display: block;}

#poopup{display: none; position: fixed; left: 0%; top: 0%; width: 100%; height: 100%; background-color: darkblue; z-index: 3;}

#popup_close{position: fixed; left: 86vh; top: 88.4vh; height: 9vh; width: 35vh; background-color: rgb(75, 75, 75); border-radius: 1vh; border: 1px solid white;
transition: all 0.3s; cursor: pointer;}

#popup_close:hover{background-color: rgb(102, 102, 102)}

#popuptext{position: absolute; left: 16%; top: -19.5%; font-family: "Sex"; font-weight: 300; font-size: 5vh; color: aquamarine;}

#duel{position: absolute; left: 35%; top: 0%; height: 85%; width: auto; border: 5px solid black;}

#pbox4{position: absolute; left: 0%; top: 61%; height: 24%; width: 34.6%; background-color: lightseagreen; border: 5px solid black;}

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

#tight{position: absolute; right: -7%; top: 50%; height: 50%; width: auto;}

#luckyo{position: absolute; left: 5%; top: 10%; height: 45%; width: auto;}