html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden}#root{height:100%;width:100%}:root{--pink: #ee2cf5;--wii-blue: #3dc3f1}html,body{background-color:#000;color:#fff;overflow:hidden;overscroll-behavior:none}.fullscreen,.fullscreen-canvas{position:absolute;top:0;left:0;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;flex-direction:column}.fullscreen-canvas{top:-50vh;left:-50vw}.loader{transition-property:opacity;transition-timing-function:linear;opacity:100%}.landing{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s;background-color:#000}.ui-container{width:100vw;height:10vh;position:absolute;top:0;left:0;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;pointer-events:none}.play-button{background-color:transparent;border:none;color:#fff;cursor:pointer;font-size:2em}.play-button:hover{color:var(--pink)}.volume-controls{display:flex;justify-content:space-between;align-items:center;pointer-events:auto}.volume-controls>div{margin:0 24px}.special-gothic{font-family:Special Gothic Expanded One,sans-serif;font-weight:400;font-style:normal}.montserrat{font-family:Montserrat,sans-serif}.roboto{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}.title{font-size:6em;text-align:center;margin-top:-.5em}@media screen and (max-width: 768px){.title{font-size:4em}}.mute-button{cursor:pointer;-webkit-user-select:none;user-select:none}.info-container{position:absolute;bottom:0;right:0;margin:24px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);pointer-events:none}.info-content{transform:translateY(calc(100% - 24px));display:flex;align-items:flex-end;flex-direction:column;transition:transform .3s ease;text-align:end;pointer-events:auto}.info-content.open{transform:translateY(0)}a{color:#fff}.nav-container{position:absolute;top:0;right:0;margin-right:24px;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}.nav-title{font-size:2.5em;pointer-events:auto}.nav-title:hover{color:var(--pink);cursor:pointer}.arrow{cursor:pointer;margin-top:.25em;transform:rotate(0);transition:transform .3s ease;pointer-events:auto}.arrow.open{transform:rotate(180deg)}.navlist-container{display:flex;width:fit-content;transform:translate(calc(100% - 32px));transition:transform .3s ease;pointer-events:none}.navlist-container.open{transform:translate(0)}.navlist{list-style:none;margin:0 0 0 24px;padding:0}.nav-item{margin-bottom:24px;font-weight:500;font-size:1.5em;pointer-events:auto;cursor:pointer}.nav-item:hover{color:var(--pink)}.nav-item:active{transform:scale(.9)}.overlay-container{pointer-events:none}.experience-overlay,.projects-overlay{position:relative;left:-2vh;aspect-ratio:11 / 10;height:63vh;pointer-events:auto}.projects-overlay{background-color:#fff;aspect-ratio:59/54;height:68vh;left:-2.25vh;overflow:hidden;cursor:url(/WiiUIAssets/wiiCursor.png) 0 0,auto}.exit-button{position:absolute;top:0;right:0;margin:1.5vh 3vh;border:.5vh solid white;border-radius:20px;background:none;color:#fff;font-weight:700;font-size:2.5vh;letter-spacing:.1em;padding:0 1.75vh}.exit-button:hover{color:var(--pink);border-color:var(--pink);cursor:inherit}.wii-button-container{width:100%;background:radial-gradient(circle at top center,#d2d2d2,#e6e6e4);position:absolute;bottom:0;height:25%;border-top:2px solid #a4a4a4;display:flex;justify-content:space-around;align-items:center}.wii-button{background-image:url(/WiiUIAssets/wiiButton.svg);background-repeat:no-repeat;background-size:cover;height:8vh;width:28.1vh;color:#000;display:flex;justify-content:center;align-items:center;font-weight:500;font-size:4vh;-webkit-user-select:none;user-select:none;transition:transform .2s ease;cursor:inherit}.wii-button:hover{transform:scale(1.1)}.wii-button:active{background-image:url(/WiiUIAssets/wiiButtonPressed.svg)}@keyframes arrowFloatAnimation{0%{margin:0 32px}50%{margin:0 24px}to{margin:0 32px}}.arrow-buttons{display:flex;justify-content:space-between;margin-top:20%;position:relative}.arrow-buttons>img{-webkit-user-select:none;user-select:none;animation:arrowFloatAnimation 1.5s ease-in-out infinite}.arrow-buttons>img:hover{transition:transform .2s ease;transform:scale(1.1);color:#0ff}.experience-overlay{font-family:TiVo;background-image:url(/TiVoAssets/TiVoBackground.png);background-size:contain;display:flex;justify-content:space-between;flex-direction:column;overflow:hidden}.experience-fallback{background-color:gray}.tivo-logo{display:inline;height:10vh}.tivo-header{margin:2.5vh 0 0 10%;display:flex;align-items:center;justify-content:space-between;z-index:10}.tivo-title-container{display:flex;justify-content:center;width:100%}.tivo-title{margin:0;text-shadow:1px 1px 2px black;color:#d29c5a;font-size:7vh}.tivo-menu-body{margin:5% 0 10% 10%;border:.3vh solid white;border-right:none;border-top-left-radius:24px;border-bottom-left-radius:24px;height:50vh;box-shadow:2px 2px 4px #000;background-color:#0006;z-index:100;transform:scale(1)}@keyframes menuBodySlideAnimation{0%{transform:translate(0)}40%{transform:translate(110%)}60%{transform:translate(110%)}to{transform:translate(0)}}.tivo-menu-body.animate{animation:menuBodySlideAnimation 1s ease 1}#experience-float-1,#experience-float-2,#work-float{width:15vh;position:absolute;-webkit-user-select:none;user-select:none;z-index:1;filter:blur(1px)}#experience-float-1,#experience-float-2{width:45vh}@keyframes experienceFloat1Animation{0%{right:-5%;opacity:0%}10%{opacity:50%}40%{opacity:50%}50%{right:15%;opacity:0%}to{opacity:0%}}#experience-float-1{top:9%;animation:experienceFloat1Animation 8s linear infinite}@keyframes experienceFloat2Animation{0%{opacity:0%}30%{opacity:0%;transform:scale(1)}40%{opacity:75%}80%{opacity:0%;transform:scale(2)}to{opacity:0%}}#experience-float-2{top:6%;left:10%;animation:experienceFloat2Animation 8s linear infinite}@keyframes workFloatAnimation{0%{opacity:0%}50%{left:20%;opacity:0%}60%{opacity:75%}90%{opacity:75%}to{left:50%;opacity:0%}}#work-float{top:15%;animation:workFloatAnimation 8s linear infinite}.experience-list{list-style:none;margin-top:2.5vh;padding-left:5vh;display:flex;flex-direction:column}.experience-list-item{display:grid;grid-template-columns:50% 25% 15%;gap:5%;margin:.75vh 0;margin-right:10%;padding:.3vh 0;align-items:center;cursor:pointer;position:relative}.experience-list-item>p{overflow-x:hidden;text-overflow:ellipsis;text-wrap:nowrap;margin:0;z-index:10;font-size:2.1vh}.experience-list-item>img{height:4vh}.experience-list-item:before{content:"";position:absolute;top:-.25vh;left:-30%;width:112%;height:100%;background:linear-gradient(to bottom,#425388,#587acc);z-index:0;transform:translate(-100%);border:2px solid #d29c5a;border-radius:30px}.experience-list-item:hover:before{transform:translate(0)}.experience-list-item.closed:before{content:none}#up-arrow,#down-arrow{position:absolute;transition:transform .2s ease;left:45%}#down-arrow{bottom:0}#up-arrow:hover,#down-arrow:hover{transform:scale(1.1)}#left-arrow{position:absolute;top:42%;height:7vh}#left-arrow:hover{transform:scale(1.1)}.details-container{padding:2% 5% 0 10%;overflow-y:scroll;height:100%;max-height:38vh}.details-container>p{white-space:pre-line;font-size:2.05vh}.header-container>*>h1{font-size:2.9vh}.header-container>*>h2{font-size:2.25vh}.header-container>img{margin-top:2%;height:10vh}.header-container{display:flex;justify-content:space-between;align-items:flex-start}.dropdown{position:absolute;right:0;top:-4.5vh;z-index:200;display:flex;align-items:flex-end;flex-direction:column}.dropdown-toggle,.dropdown-list{border-radius:2vh;border-top-right-radius:0;border-bottom-right-radius:0}.dropdown-toggle{display:flex;justify-content:space-between;align-items:center;background-color:#0000004d;border:.3vh solid white;border-right:none;color:#fff;padding:.65vh 1.3vh;box-shadow:2px 2px 4px #000;cursor:pointer;font-size:1.75vh}.dropdown-toggle>img{margin-left:2vh;height:2vh}.dropdown-list{list-style:none;position:relative;border:.3vh solid white;border-right:none;background-color:#0000004d;padding:1vh 0;margin-top:1vh}.dropdown-option{cursor:pointer;padding:.5vh 4vh .5vh 2vh;font-size:2.1vh}.dropdown-option:hover{background-color:#0006}.dropdown-option.selected{cursor:default;color:gray}.dropdown-option.selected:hover{background-color:transparent}a{color:inherit;text-decoration:none}.project-content-container{position:absolute;top:0;left:0;height:75%;width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;background-repeat:no-repeat;background-size:cover;background-position:center;padding:4% 12% 0;box-sizing:border-box}.project-content-container>p{margin:8px;white-space:pre-line}.project-content-container>h1{margin-bottom:8px}#projects-top-bar{position:relative}.projects-overlay>* *{z-index:100}@keyframes floatingLogosAnim{0%{transform:translateY(-40%)}to{transform:translate(0)}}.floating-logos{height:100%;width:100%;position:absolute;z-index:0;opacity:60%;animation:floatingLogosAnim 8s linear infinite}.logo-row{display:flex;justify-content:space-evenly}@media screen and (max-width: 768px){.nav-title{font-size:1.75em}}.volume-slider{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:6px;background:transparent;cursor:pointer}.volume-slider::-webkit-slider-runnable-track{background:#fff;height:6px;border-radius:3px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;height:14px;width:14px;border-radius:50%;background:var(--pink);margin-top:-4px}.volume-slider::-webkit-slider-thumb:hover{background:var(--wii-blue)}.volume-slider::-moz-range-track{background:#fff;height:6px;border-radius:3px}.volume-slider::-moz-range-thumb{height:14px;width:14px;border-radius:50%;background:var(--pink);border:none}.volume-slider::-moz-range-thumb:hover{background:var(--wii-blue)}.volume-slider::-ms-track{background:transparent;border-color:transparent;color:transparent}.volume-slider::-ms-fill-lower{background:#fff}.volume-slider::-ms-fill-upper{background:#fff}.volume-slider::-ms-thumb{height:14px;width:14px;border-radius:50%;background:var(--pink);border:none}.volume-slider::-ms-thumb:hover{background:var(--wii-blue)}.projects::-webkit-scrollbar,.experience::-webkit-scrollbar{display:none}.tv-title-container{height:3.5em;width:3.5em;display:flex;flex-direction:column;justify-content:center;cursor:pointer}.tv-title{font-size:7px;color:#000;-webkit-user-select:none;user-select:none;height:fit-content;text-align:center}@media screen and (max-width: 768px){.tv-title-container{margin-top:-1.5em}.tv-title{font-size:7.5px}}