html,#root,body{margin:0;height:100%}:root{font-family:Futura,Helvetica,Arial,system-ui,Avenir,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#f8f8f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.screen{top:6em;left:0;height:100%;z-index:0;width:100%;overflow:hidden}.info-section{position:absolute;top:48%;left:40%;transform:translate(-90%,-50%);padding:10px;width:23em;z-index:500}h1{color:#5433ff;font-family:Futura;font-size:1.8rem;font-style:italic;font-weight:700;line-height:normal;width:10em}a{color:#000;text-decoration:none}a:hover{text-decoration:none}a:visited{color:#000}h2{color:#000;font-family:Futura;font-size:1rem;font-style:normal;font-weight:500;line-height:normal;width:19em}h3{text-align:center;color:#000}.secret-text-div{position:absolute;top:25%;left:90%;transform:translate(-100%,-70%);padding:10px;width:18em;z-index:1}.secret-text{left:50px;color:#f8f8f9;font-size:1em}.secret-text:hover{color:#000}a{text-decoration:none}.linked-in,.github,.resume,.contact-me{width:2.6em;height:auto}.header{display:flex;justify-content:flex-end;align-items:center;height:6em;width:100vw;background-color:#f8f8f9;box-shadow:0 4px 4px #0000003b}.audio-visualizer{position:fixed;display:flex;flex-direction:column;border:#000;height:50%;width:100vw;overflow:hidden;z-index:400}.audio-visuals{border:10px;border-color:#fff}.audio-controls{position:absolute;top:30%;left:50%;transform:translate(-0%,-0%);padding:10px;z-index:2}audio{width:18em;cursor:pointer}button:hover{cursor:pointer}.playPrevBtn{margin-right:.5em;position:absolute;left:-10%;top:70%;transform:translateY(-50%);background:none;border:none}.playNextBtn{margin-left:.5em;position:absolute;right:-10%;top:70%;transform:translateY(-50%);background:none;border:none}.audio-controller{position:fixed;top:6em;left:0;width:100%;height:calc(100% - 6em);background-color:#0000}.song-names{color:#fff;padding-bottom:5px;font-size:.8em}canvas{border:#000;overflow:hidden;margin:0;padding:0}.mobile-text{display:none}.header-list{list-style-type:none;margin:0;padding:0;display:flex;justify-content:center}.header-item{flex:1;text-align:center}.header-item a{display:block;padding:10px;width:10em}.canvas-wrapper{width:100%;height:calc(100vh - 6em);clip-path:url(#my-clip-path);overflow:hidden;bottom:0}#gradient-canvas{width:100%;height:100vh;--gradient-color-1: #1cc6ff;--gradient-color-2: #43ffd2;--gradient-color-3: #5433ff;animation:gradient-animation 2s ease-in forwards}@keyframes gradient-animation{0%{opacity:0%}to{opacity:100%}}@media only screen and (max-width: 768px){.canvas-wrapper{width:100%;height:calc(100vh -6em);clip-path:url(#my-clip-path-mobile);overflow:hidden;bottom:0}.desktop-text{display:none}.mobile-text{display:block}.header{width:100%;display:flex;justify-content:space-evenly}.header-list{display:flex;justify-content:space-evenly;flex-wrap:wrap}.header-item a{display:block;padding:10px;width:10em}.info-section{position:absolute;top:40%;left:80%;max-width:18em;z-index:1;overflow:hidden}.secret-text{display:none}h1{font-size:1.2em;font-style:normal}.github,.linked-in,.contact-me,.resume{width:2.55em}}@media only screen and (min-height: 768px) and (max-width: 768px){h1{font-size:1.7em}.info-section-h2{font-size:1em}.info-section{position:absolute;top:35%;left:80%;max-width:18em;z-index:1;overflow:hidden;word-wrap:break-word}.github,.linked-in,.contact-me,.resume{width:2.2em}}