*{scrollbar-color:whitesmoke #000;scrollbar-width:auto;margin:0;padding:0;font-family:Arial}html,body{width:100vw;height:100vh;overflow-x:block;background-color:#0000}.mobile-blocker{display:none}@media (width<=700px){.mobile-blocker{z-index:9999;box-sizing:border-box;color:#000;text-align:center;background:#f5f5f5;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex;position:fixed;inset:0}.mobile-blocker h1{color:#000;font-size:2.5rem}.mobile-blocker p{max-width:20rem;font-size:1.1rem}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#000;border-radius:0}::-webkit-scrollbar-thumb{background:#f5f5f5;border:2px solid #000;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#fff}h1{color:#f5f5f5;-webkit-user-select:none;user-select:none;font-size:60px}h2{color:gray;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:40px;transition:font-size .25s ease-in-out,color .25s ease-in-out}.loaded{animation:1s ease-out loadIn}.wip{color:#777}.wip:hover{cursor:not-allowed}.unloaded{animation:1s ease-out forwards loadOut}h2:hover{color:#f5f5f5;font-size:50px}#sections{flex-direction:column;height:15vh;padding-top:15vh;padding-left:5vw;display:flex}@keyframes loadIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes loadOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.details{box-sizing:border-box;opacity:0;z-index:2;background-color:#000;border:1px solid #f5f5f5;width:0;height:0;transition:height .5s ease-in-out,width .5s ease-in-out;position:absolute;top:0;left:0;overflow:hidden}button{all:unset}.close-button{color:#000;cursor:pointer;opacity:0;size:30px;font-size:20px;font-weight:lighter;transition:opacity .25s ease-in-out 1s;position:absolute;top:7px;right:1rem}#backgroundVideo{z-index:-1;width:100vw;height:100vh;transition:background-color .5s;position:fixed;top:0;left:0;overflow:hidden}#backgroundVideo.black-mode{background:#000;transition:background-color .5s}#backgroundVideo video{object-fit:cover;width:100%;height:100%;display:block}#backgroundVideo canvas{pointer-events:none;width:100%;height:100%;display:block}.bg-toggle{z-index:1;color:#f5f5f5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-user-select:none;user-select:none;background:#0000008c;border:1px solid #f5f5f559;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .7rem;font-size:.95rem;transition:opacity .2s;display:flex;position:fixed;top:95vh;right:1rem}.bg-toggle.hidden{opacity:0;pointer-events:none}.bg-toggle-input{opacity:0;pointer-events:none;position:absolute}.bg-toggle-slider{cursor:pointer;background:#ffffffda;border:1px solid #ffffffc5;border-radius:999px;width:2.7rem;height:1.45rem;transition:background-color .25s,border-color .25s;position:relative}.bg-toggle-slider:before{content:"";background:#000;border-radius:50%;width:1.05rem;height:1.05rem;transition:transform .25s;position:absolute;top:50%;left:.16rem;transform:translateY(-50%)}.bg-toggle-input:checked+.bg-toggle-slider{background:#ffffffe6;border-color:#fff}.bg-toggle-input:checked+.bg-toggle-slider:before{transform:translate(1.2rem,-50%)}.bg-toggle-input:focus-visible+.bg-toggle-slider{outline-offset:2px;outline:2px solid #fff}.sectionText{color:#f5f5f5;opacity:0;overflow-wrap:break-word;word-break:normal;padding:2rem;font-size:1.1rem;line-height:1.6;overflow-x:hidden;transform:translateY(-20px)}#about{overflow-x:hidden}#about.open{overflow-y:auto}#about.open .sectionText{animation:none}#about.open .sectionText.about-text-enter{animation:1s ease-out .7s forwards loadIn}.details.open .sectionText{animation:1s ease-out .3s forwards loadIn}#audio1 .sectionText h3{color:#f5f5f5;margin-bottom:1rem;font-size:1.5rem}#audio1 .sectionText div,#audio2 .sectionText{margin-bottom:1rem}#audio1 .sectionText a{margin-left:.25rem}.cvHolder{padding-top:25px;padding-left:75px}.cvHeader{font-size:60px}.cvSubHeader{font-size:30px}.cvContacts{font-size:20px}.cvTitle{font-size:20px;font-weight:700}.cvContent{padding-top:25px;padding-bottom:25px;padding-left:75px}.cvMiniTitle{padding-bottom:10px;font-size:20px}.cvMiniDesc{padding-bottom:25px}div{color:#f5f5f5}#cv-name{color:#f5f5f5;cursor:default;font-size:50px}a{color:#f5f5f5;border-bottom:1px solid #f5f5f5;text-decoration:none;transition:color .25s,border-color .25s}.sectionHeader{box-sizing:border-box;z-index:1;background-color:#f5f5f5;justify-content:flex-end;align-items:center;width:100%;height:3vh;margin-bottom:1rem;padding:0 .75rem;display:flex;position:sticky;top:0}.sectionHeaderTitle{color:#000;pointer-events:none;white-space:nowrap;font-size:1rem;position:absolute;left:50%;transform:translate(-50%)}.sectionHeaderControls{justify-content:flex-end;align-items:center;gap:2rem;display:flex}.sectionHeader .close-button,.sectionHeader .fullscreen-button{color:#000;cursor:pointer;opacity:1;font-size:20px;font-weight:lighter;position:static}.sectionHeader .close-button h3,.sectionHeader .fullscreen-button h3{margin:0;font-size:20px;font-weight:lighter;line-height:1}.sectionHeader:hover{cursor:pointer}.resize-handle{color:#000;text-align:center;border-radius:2px;justify-content:center;align-items:center;width:20px;height:20px;font-size:30px;display:flex;position:absolute;top:0;left:0}.resize-handle:hover{background:#999}.videoNav,.audioNav{color:#f5f5f5;cursor:pointer;background:#00000080;border-radius:999px;padding:.5rem;font-size:30px;position:absolute;top:90%;transform:translateY(-50%)}#audioBackward{left:10px}#audioForward{right:10px}#audioGallery{flex-direction:column;display:flex}.audioGalleryContent{flex:auto;justify-content:center;align-items:center;min-height:0;padding:1rem 3rem 2.5rem;display:flex;position:relative}.audioGalleryContent img{object-fit:contain;width:100%;height:100%;display:block}.audioGalleryContent .audioNav{top:50%}#galleryBackward{left:.75rem}#galleryForward{right:.75rem}.audioGalleryCount{color:#f5f5f5;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%)}#backward{left:10px}#forward{right:10px}iframe{border:none;width:100%;height:100%}#video2{flex-direction:column;display:flex}#video2 iframe{flex:auto;height:auto;min-height:0}.softwareMenu{flex-direction:column;gap:.75rem;padding:2rem;display:flex}.softwareMenu button{color:gray;cursor:pointer;text-align:left;font-size:1.25rem;transition:color .25s ease-in-out}.softwareMenu button:hover,.softwareMenu button.active{color:#f5f5f5}.softwareProject{display:block}.softwareProject h1{padding:1.5rem 2rem 0;font-size:40px}.softwareProjectImage{object-fit:contain;width:calc(100% - 4rem);max-height:400px;margin:1rem 2rem 0;display:block}.softwareProjectDescription{opacity:1;transform:none}.softwareProjectDescription ul{margin:1rem 0 0 1.5rem}.softwareProjectDescription li{margin-bottom:.5rem}.softwareProject iframe{width:calc(100% - 4rem);height:400px;margin:0 2rem 1rem;display:block}.softwareNav{justify-content:center;align-items:center;gap:2rem;padding:1rem 2rem 2rem;display:flex}.softwareNav button{color:#f5f5f5;cursor:pointer;font-size:1.5rem}.genreButton{cursor:pointer;text-decoration:underline}#audioPlayerContainer{padding:0}