:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background-color: hsl(0, 0%, 2%);--text-color: hsl(0, 0%, 90%);--accent-color: hsl(230, 10%, 15%)}body{margin:0;width:100vw;height:100vh}.fa-hand-pointer{position:relative;top:-25px;transform:rotate(225deg);animation:click 3s linear infinite}.sparkles{position:absolute;top:-50%;left:0%;width:15px;height:15px;filter:invert(1);animation:sparkles 3s steps(1) infinite}.click_wrapper{position:fixed;background-color:var(--background-color);width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:transform 1.5s ease-in-out;z-index:1}.click_wrapper:before{content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;background-color:var(--accent-color)}.click_wrapper.hidden{transform:translateY(100%)}.click_tip{font-size:12px;position:relative}.name{font-size:40px;margin-bottom:-14px}.email{position:relative;align-self:flex-start;text-decoration:none;color:var(--text-color)}.email:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background-color:var(--text-color);transition:width .5s ease}.email:hover:after{width:100%}.contact{position:absolute;background-color:var(--background-color);display:flex;flex-direction:column;top:40%;left:50%;transform:translate(-50%,-40%)}@keyframes click{20%,80%{transform:translateY(0) rotate(225deg)}50%,56%{transform:translateY(10px) rotate(225deg)}}@keyframes sparkles{0%,49%,57%,to{transform:scale(0)}50%,56%{transform:scale(1)}}