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

#yahoo{position: fixed; left: 35vh; top: 10vh; font-size: 5.5vh; font-family: "Ass"; text-shadow: 1px 1px 0 blue, -1px -1px 0 purple, 1px -1px 0 blue, -1px 1px 0 purple;
white-space: nowrap;}

#webdev{position: fixed;}

#wtext{position: absolute;}

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

#webdev:hover{background-color: cyan; cursor: pointer;}

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

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

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

#silvuh:hover{background-color: lightslategray; cursor: pointer;}

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

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

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

#rslime{position: fixed; left: 3vh; bottom: -3vh; height: 40vh; width: auto;}

#slime{position: fixed; right: 3vh; bottom: -3vh; height: 40vh; width: auto;}

#sslime{position: absolute; left: 65%; top: -105%; height: 280%;}

@media (max-width: 1375px){

#yahoo{position: fixed; left: 17vh;}

#webdev{position: fixed; left: 17vh;}

#photo{position: fixed; left: 100vh;}

#silvuh{position: fixed; left: 55vh;}

}