@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Turret+Road:wght@800&display=swap";.material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}body{background-color:#1f1f1f;color:#eee;font-family:"Open Sans",sans-serif;margin:0;padding:0;line-height:150%}.tooltip{position:fixed;pointer-events:none;background:rgba(0,0,0,.8);color:#fff;padding:6px 10px;border-radius:4px;font-size:14px;z-index:9999;display:none}#fog{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2}a{transition-duration:.5s;text-decoration:underline;color:#149cea;text-underline-offset:2px}a:hover{color:#eee;text-shadow:0 0 10px #149cea;text-underline-offset:4px}.icon-container{display:flex;width:100%;flex-wrap:wrap;justify-content:center;gap:10px;height:auto;min-height:50px}.icon-container div,.icon-container div a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;height:50px;font-size:75%}.icon-container div img,.icon-container div a img{height:100%;width:auto}.icon-container img{width:50px;height:50px}.icon-container div a:hover{transform:scale(1.1)}h1,h2,h3,h4,h5,h6{font-family:"Turret Road",monospace;font-weight:800;text-shadow:0 0 2px #eee}::-webkit-scrollbar{width:10px;background:#2e2e2e;border-radius:5px}::-webkit-scrollbar-thumb{background:#149cea;border-radius:5px;-webkit-transition:background .3s;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:adjust(#149cea, 10%)}::-webkit-scrollbar-corner{background:#2e2e2e}*{scrollbar-width:thin;scrollbar-color:#149cea #2e2e2e}.container{background-color:rgba(46,46,46,.2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 8px 16px -4px rgba(0,0,0,.5),0 4px 8px -4px rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center;border-radius:20px;margin:0 10px 20px 10px;transition-duration:1s;padding:20px}.i-header{position:sticky;top:0;z-index:10;padding:0 10px;flex-direction:row;justify-content:center;gap:15px;color:#149cea;text-align:center;height:75px;line-height:60px;background-color:rgba(46,46,46,.2);font-size:18.75px;border-radius:0 0 10px 10px}.i-header h1{text-shadow:0 0 5px #149cea;font-family:"Turret Road","Open Sans",sans-serif;font-size:2.5em;color:#149cea;font-weight:800;text-align:center}.i-header .logo{height:50%}button{background-color:rgba(46,46,46,.2);box-shadow:0 8px 16px -4px rgba(0,0,0,.5),0 4px 8px -4px rgba(0,0,0,.3);color:#eee;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1em;transition-duration:.5s}button:hover{background-color:rgba(46,46,46,.4);transform:translate(0, -2px);box-shadow:0 12px 24px -4px rgba(0,0,0,.5),0 6px 12px -4px rgba(0,0,0,.3)}.container{background-color:rgba(46,46,46,.2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 8px 16px -4px rgba(0,0,0,.5),0 4px 8px -4px rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center;border-radius:20px;margin:0 10px 20px 10px;transition-duration:1s;padding:20px}.flex-holder{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-grow:1;gap:30px;width:100%;align-items:stretch;margin-bottom:30px}.flex-holder .container{flex-grow:1;margin:0 10px}.flex-holder .second-row{width:100%}.second-row{box-sizing:border-box;max-width:calc(100vw - 30px);padding-bottom:30px;padding-top:10px}.second-row ul{list-style-type:none;padding:0;margin:0;gap:10px}.second-row ul h1,.second-row ul h2,.second-row ul h3,.second-row ul h4,.second-row ul h5,.second-row ul h6{margin:-5px 0;padding:0}.second-row ul li{margin:10px 0}canvas{position:fixed;top:0;left:0;display:block;z-index:-1;width:100vw;height:100vh;max-width:100vw;pointer-events:none;touch-action:pan-y}#musiccontrols{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:10px;transition:bottom 1s ease-in-out;background-color:rgba(46,46,46,.2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:10px;border-radius:20px;box-shadow:0 8px 16px -4px rgba(0,0,0,.5),0 4px 8px -4px rgba(0,0,0,.3)}#musiccontrols #nowplaying{display:flex;gap:.75px}#musiccontrols #nowplaying span{display:inline-block;animation:bounce 1s infinite;animation-delay:calc(var(--i)*.1s)}#musiccontrols #mutecontrol{cursor:pointer;transition:color .3s}#musiccontrols #mutecontrol:hover{color:#149cea}@keyframes bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}#musicprompt{position:fixed;top:50%;left:50%;width:80vw;height:80vh;transform:translate(-50%, -50%);padding:10px;justify-content:center;border-radius:50px;font-size:500%;font-family:"Turret Road","Open Sans",sans-serif;background-color:rgba(46,46,46,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;border-radius:20px;margin:0 10px 20px 10px;box-shadow:0 8px 16px -4px rgba(0,0,0,.5),0 4px 8px -4px rgba(0,0,0,.3);line-height:normal}#musicprompt small{font-size:15%;font-family:"Open Sans",sans-serif}.status-online{background-color:#43b581}.status-idle{background-color:#faa61a}.status-dnd{background-color:#f04747}.status-offline{background-color:#747f8d}#discord-pfp,.avatar-image{border-radius:50%;width:50px;height:50px}#discord-pfp{border:3px solid rgba(0,0,0,0)}#discord-activity-container{font-size:75%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 8px 16px -4px rgba(0,0,0,.5),0 4px 8px -4px rgba(0,0,0,.3);padding-left:10px;padding-right:10px;padding-bottom:10px;border-radius:20px;display:flex;flex-direction:column;align-items:center}#discord-activity-container #discord-activity-content{display:flex;flex-direction:row;align-items:center;justify-content:left;gap:10px;width:100%}#discord-activity-container #discord-activity-content #discord-activity-text-container{display:flex;flex-direction:column;gap:-15px}#discord-activity-container #discord-activity-content #discord-activity-text-container *{margin-bottom:-5px;margin-top:-5px}.project-container{display:flex;gap:10px;width:100%;box-shadow:0 8px 16px -4px rgba(0,0,0,.5),0 4px 8px -4px rgba(0,0,0,.3);border-radius:20px;padding:10px;background-color:rgba(46,46,46,.2)}.project-container img{width:20%;height:auto;border-radius:10px;transition:transform .3s;align-self:center;-o-object-fit:cover;object-fit:cover}.project-container img:hover{transform:scale(2) translateX(25%) translateY(-25%);z-index:10}.project-container .project-text{display:flex;flex-direction:column;justify-content:center;width:80%;padding:10px}.project-container .project-text h1{margin:0;font-size:150%;color:#149cea}.project-container .project-text p{margin:5px 0;color:#eee}.project-container button{display:flex;justify-content:center;align-items:center;gap:5px;color:#eee;padding:10px;align-self:center}.flex-horiz{display:flex;flex-direction:row;align-items:center;justify-content:center}