:root{--yellow: #FFFBBE;--aboutme: #FFFEF2;--pink: #FFC2FF;--highlights: #FFF2FF;--turquoise: #B5FFFC;--playground: #EDFFFE;--purple: #ddc2ff;--posters: #f2e8ff}*{margin:0;padding:0;scrollbar-width:none}html,body{margin:0;height:100%;overflow:hidden}@keyframes rotateimg{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}main{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}main #mainstuff{width:100vw;display:flex;align-items:center;justify-content:center}main #mainstuff #curvedText{width:115%;z-index:-10;position:fixed}main #mainstuff #imageMe{z-index:10;position:fixed;animation:rotateimg 120s linear infinite}main #mainstuff #imageMe img{width:80vw;border-radius:50%;box-shadow:0 0 0 0 var(--purple)}main #mainstuff .link{z-index:20;position:fixed}main #mainstuff .link .logo{display:block;height:3rem;transform:translateY(48vw)}main #mainstuff .link .logo img{height:100%}main #mainstuff .link:first-of-type{transform:rotate(10deg)}main #mainstuff .link:nth-of-type(2){transform:rotate(-3deg)}main #mainstuff .link:nth-of-type(3){transform:rotate(-16deg)}main #mainstuff .link:nth-of-type(4){transform:rotate(-29deg)}@media screen and (min-width: 740px){main #mainstuff{width:auto;height:100vh}main #mainstuff #curvedText{width:auto;height:100%}main #mainstuff #imageMe img{width:auto;height:70vh}main #mainstuff .link .logo{display:block;transform:translateY(42vh)}main #mainstuff .link .logo img{height:100%}}