@import"https://fonts.googleapis.com/css2?family=Anton&display=swap";*{margin:0;padding:0}html,body{overflow:hidden;background:rgb(0,0,0)}.webgl{animation:shake 1s cubic-bezier(.25,.1,.25,1);transition:transform .1s ease-in-out;position:fixed;top:0;left:0;outline:none;width:100%;height:100%;animation-iteration-count:infinite}@keyframes shake{0%{transform:scale(1)}10%{transform:scale(1.05) translate(-.1px,-.2px)}20%{transform:scale(1.02) translate(-.3px)}30%{transform:scale(1.04) translate(.3px,.2px)}40%{transform:scale(1.01) translate(.1px,-.1px)}50%{transform:scale(1.05) translate(-.1px,.2px)}60%{transform:scale(1) translate(-.3px,.1px)}70%{transform:scale(1.08) translate(.3px,.1px)}80%{transform:scale(1.04) translate(-.1px,-.1px)}90%{transform:scale(1.05) translate(.1px,.2px)}to{transform:scale(1) translate(.1px,-.2px)}}.sidenav{height:100%;width:100px;position:fixed;z-index:1;top:0;right:0;background-color:#a2a1a1bf;overflow-x:hidden;padding-top:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0}.buttons{mix-blend-mode:exclusion;color:#fff;margin-bottom:60px;font-size:24px;width:100%;text-align:center}.repeat-track,.random-track,.playpause-track,.prev-track,.next-track{width:80px;height:80px;border-radius:50%;margin-bottom:40px;background-color:#000;display:flex;justify-content:center;align-items:center;border:4px solid white;transition:all .15s}.repeat-track:hover,.random-track:hover,.playpause-track:hover,.prev-track:hover,.next-track:hover{cursor:pointer;background-color:#4e4747}.repeat-track:before,.random-track:before,.playpause-track:before,.prev-track:before,.next-track:before{font-size:20px;color:#fff}.contenitore{display:flex;justify-content:center;align-items:center;height:100vh}.titolo{font-family:Anton,sans-serif;font-size:10rem;text-align:center;mix-blend-mode:exclusion;color:#fff;background-color:transparent;transition:2s;cursor:pointer}@media (max-width: 768px){.titolo{font-size:4rem}}.titolo::-moz-selection{background:transparent}.titolo::selection{background:transparent}#container{width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .5s}svg{filter:drop-shadow(1px 8px 5px #ffffff);transition:all .3s ease-in-out}svg:hover{filter:drop-shadow(-13px 5px 10px #ffffff);transition:all .3s ease-in-out}.progress-container{height:2px;width:100%;border-radius:6.4px;background:#000}.progress-container .progress{margin-top:40px;height:100%;width:0;border-radius:.4rem;background:#ffffff;transition:width 4s ease-in-out;opacity:1;z-index:1}#content{opacity:0;display:none}