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

#pbox{position: fixed; right: 15vh; top: 15vh; width: 80vh; height: 17vh; background-color: rgb(233, 150, 25); border: 5px solid black;}

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

#back{position: fixed; left: 15vh; top: 80vh; width: 55vh; height: 10vh; border: 1.5px solid black; border-radius: 2vh; background-color: rgb(165, 34, 77);
transition: all 0.3s;}

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

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

#pinkslime{position: absolute; left: -23%; top: -108%; height: 280%;}

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

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

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

#tangle{position: absolute; left: 65%; top: -90%; height: 240%;}

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

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

#crystal{position: absolute; left: 65%; top: -108%; height: 280%;}

#etext{position: absolute; left: 16%; top: -17%; font-size: 5.4vh; font-family: "Ass";}

#about{position: fixed; right: 15vh; top: 80vh; width: 50vh; height: 10vh; border: 1.5px solid black; border-radius: 2vh; background-color: rgb(158, 4, 158);
transition: all 0.3s;}

#about:hover{background-color: magenta; cursor: pointer;}

#philo{position: absolute; left: -34%; top: -98%; height: 250%;}

#atext{position: absolute; left: 23%; top: -17%; font-size: 5.4vh; font-family: "Ass";}

#aspect{position: fixed; right: 15vh; top: 55vh; width: 60vh; height: 10vh; border: 1.5px solid black; border-radius: 2vh; background-color: goldenrod;
transition: all 0.3s;}

#aspect:hover{background-color: gold; cursor: pointer;}

#gold{position: absolute; left: -20%; top: -98%; height: 230%;}

#high{position: absolute; left: 18%; top: -11%; font-size: 5vh; font-family: "Ass";}