body{background-image: url(highwaytoheaven.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: 83vh; width: 55vh; height: 10vh; border: 1.5px solid black; border-radius: 2vh; background-color: rgb(158, 4, 158);
transition: all 0.3s; z-index: 1;}

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

#btext{position: absolute; left: 21%; top: -14%; font-size: 5vh; font-family: "Ass";}

#philo{position: absolute; left: -23%; top: -100%; height: 260%;}

#me{position: fixed; left: 30vh; top: 4vh; height: 60vh; width: auto; border: 5px solid black;}

#pbox{position: fixed; left: 30vh; top: 65vh; width: 45vh; height: 12vh; background-color: aqua; border: 5px solid black;}

#p{position: absolute; left: 3%; top: -7%; font-size: 2.4vh; font-family: "Ass"; margin-right:7px;}

#herebox{position: fixed; right: 15vh; top: 4vh; width: 50vh; height: 65vh; background-color: purple; border: 5px solid black;}

#here{position: absolute; left: 8%; top: -1%; font-size: 5vh; font-family: "Ass";}

#hr{background-color: black; border: 2px solid black; position: absolute; left: 0%; top: 25%; width: 100%;}

#one{position: absolute; left: 7%; top: 30%; font-size: 4vh; font-family: "Ass";}

#one{position: absolute; left: 7%; top: 28%;}

#two{position: absolute; left: 7%; top: 41%; font-size: 4vh; font-family: "Ass";}

#three{position: absolute; left: 7%; top: 54%; font-size: 4vh; font-family: "Ass";}

#stapey{position: absolute; left: 34%; top: 77%; height: 20%; width: auto;}

#lucky{position: fixed; left: 79vh; bottom: 5vh; height: 25vh; width: auto;}