.fade-in{opacity:0;transform:translateY(50px);animation:fadeIn 3s forwards}.video-text-container.fade-in{opacity:0;transform:translateY(30px);animation:fadeInMenu 1.5s ease-out forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@keyframes fadeInMenu{to{opacity:1;transform:translateY(0)}}.hover-effect{transition:transform .3s ease,opacity .3s ease}.hover-effect:hover{transform:scale(1.1)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.hover-area-shimmer{background:linear-gradient(120deg,rgba(255,215,0,.2) 25%,rgba(255,223,0,.7) 50%,rgba(255,215,0,.2) 75%);background-size:400% 100%;animation:shimmer 2s linear infinite;cursor:pointer;border:none;border-radius:10px}body,html{margin:0;padding:0;overflow-x:hidden;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.clickable,a,body,button,html{cursor:url(/sprites/Rainbow_Cursor.png),auto}*{box-sizing:border-box}#layers{position:relative;z-index:0}.layer,.loading-screen{background-size:cover;background-position:50%}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/img/loadingScreen.jpg);display:flex;justify-content:center;align-items:center;z-index:1000}.loading-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:80%;max-width:400px}.snorlax-gif{width:150px;height:auto;margin-bottom:20px}.loading-bar-container{background-color:hsla(0,0%,100%,.2);height:.5vh;border-radius:4px;overflow:hidden;width:100%;margin:10px 0}.loading-bar{height:80%;background-color:#fdf09ad2}.loading-text{font-size:1em;color:#fff}.loading-instructions{color:#f3f3e7;font-weight:400;margin-bottom:10px;font-size:1.1em;text-shadow:.5px .5px 1px #222;font-family:Andy,sans-serif}.main-title-text{font-size:4vh;font-family:Andy,sans-serif;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;color:#fff}@font-face{font-family:Andy;src:url(/fonts/ANDYB.TTF) format("truetype");font-weight:400;font-style:normal}.container{position:relative;overflow:hidden}.fixed-sprite{position:fixed;bottom:4vh;right:2vw;width:3.3vw;height:auto;cursor:pointer;z-index:1000;transition:transform .3s ease}.fixed-sprite:hover{transform:scale(1.2)}.fixed-icons-container{position:fixed;bottom:3%;left:3%;display:flex;flex-direction:row;align-items:center;z-index:1000}.social-icon{width:2vw;height:auto;margin-right:3vw;transition:transform .3s ease,filter .3s ease;filter:grayscale(100%) brightness(70%)}.social-icon:last-child{margin-right:.8vw}.social-icon:hover{transform:scale(1.1);filter:grayscale(0) brightness(100%)}@media (max-width:600px){.social-icon{width:8vw}}.main-video-container{width:100%;height:100vh;overflow:hidden;position:relative}.main-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.matt-image{max-width:34vw;height:40vh;margin-left:-2vw;margin-bottom:-2.2vw;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.profile-image{width:7vh;height:7vh;border-radius:50%;border:.3vh solid #000;margin-right:1.3vw}.title-text{font-size:3.4vh;margin:0}.links-container{margin-top:3vh}.link-text{font-size:4vh;cursor:url(/sprites/Rainbow_Cursor.png),auto}.hover-area-1,.hover-area-2,.hover-area-3{background-color:transparent;position:absolute;width:2.5vw;height:3.4vh;z-index:2;pointer-events:auto}.hover-area-1{top:60.4vh;left:38.7vw}.hover-area-2{top:59.5vh;left:40.8vw}.hover-area-3{top:62%;left:40.5%}.hover-box-visible,.hover-box-visible-2{position:absolute;width:35vw;padding:2vh 1vw;background-color:rgba(0,0,160,.8);border:.2vh solid rgba(0,0,1,.8);color:#fff;font-size:2.4vh;z-index:3;border-radius:2vh;display:flex;align-items:flex-start;justify-content:flex-start}.hover-box-visible-2{top:64vh;left:41.5vw}.hover-box-visible{top:66vh;left:43vw}.hover-box-text{font-size:"30px"}.hover-box-text,.hover-box-text-outlined{font-family:Andy,sans-serif;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.hover-box-text-outlined{margin:0}.hover-box p,.text-container h2,.text-container p{font-family:Andy,sans-serif}.text-container{position:absolute;top:1%;left:5%;transform:translateY(50%);z-index:1;color:#fff;pointer-events:none;opacity:0}.text-container.fade-in{animation:fadeIn 2s forwards}.text-container.fade-complete{opacity:1}.hover-area{width:4vw;height:7vh;top:31.5%;left:48%;transform:translate(-50%,-50%);z-index:2;background-color:transparent}.grid-container,.hover-area{position:absolute;pointer-events:auto}.grid-container{display:grid;top:0;left:0;z-index:4;grid-template-columns:repeat(10,.3vw);grid-template-rows:repeat(4,.3vw);gap:3vw}.grid-item{width:3vw;height:3vw;background-color:rgba(84,45,34,.9);border-radius:.6vw;display:flex;align-items:center;justify-content:center}.grid-logo{max-width:100%;max-height:100%;object-fit:contain}.image-container{width:100%;overflow:hidden;position:relative}.image{width:100%;display:block}.video-container{width:100%;height:100vh;overflow:hidden;position:relative}.video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.video-text-container{position:absolute;padding-top:6vh;padding-left:6vh;z-index:2}.video-link-text{cursor:pointer;color:#fff;font-size:4.5vh}.info-box{position:absolute;top:50%;right:8vw;width:35%;height:90%;padding-top:15px;background-color:rgba(72,94,170,.8);color:#fff;z-index:5;transform:translateY(-50%);border-radius:25px;border:2px solid #5a70d3}.info-box,.info-header{display:flex;flex-direction:column;align-items:center}.info-header{width:100%;height:9%;margin-bottom:-.8vh}.info-title{font-family:Andy,sans-serif;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;margin-bottom:1%;font-size:calc(1.7vw + .5vh)}.info-border1,.info-border2{width:99%;height:.3%}.info-border1{background-color:#5a70d3}.info-border2{background-color:#243761;margin-bottom:1.5%}.info-image-container{width:90%;height:27%;display:flex;justify-content:center;margin-bottom:1.5vh}.info-image{width:100%;border:2px solid #5a70d3;border-radius:5px;padding:3px;box-shadow:0 0 0 2px #2a406f}.info-row{height:6%;padding:1.3vh 1vw}.info-row,.info-row-tools{width:90%;background-color:#2b3767;border-radius:5px;text-align:left}.info-row-tools{height:9.5%;padding:1vh 1vw;margin-top:5%}.info-row-container{display:flex;justify-content:space-between;width:90%;padding:0;height:7%;border-radius:5px;gap:2%;margin-bottom:0;margin-top:0}.info-sub-row{display:flex;align-items:center;border-radius:5px;width:50%;background-color:#2b3767;gap:3%}.info-icon{width:10%;height:60%;margin-right:3%;vertical-align:middle;margin-left:6%}.info-text-container{width:90%;background-color:#2b3767;padding:2% 1vw;margin-top:0;border-radius:5px;height:33%}.experience-box-text{font-family:Andy,sans-serif;margin:0 0 1.5%;font-size:calc(1vw + .4vh);word-wrap:break-word;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:normal;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.grid-experiences-text{top:10%;right:-10.6vw;font-size:3.6vh}.grid-experiences-text,.show-resume-text{position:absolute;transform:translateY(-50%);white-space:nowrap;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.show-resume-text{top:22%;right:-8.4vw;font-size:2.2vh}.show-resume-text2{position:absolute;top:24%;right:-8.65vw;transform:translateY(-50%);white-space:nowrap;color:#fff;font-size:2.2vh;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.truffle-sprite{position:absolute;filter:brightness(48%);top:46.7%;left:50.5%;width:1.8vw;height:5.8vh}.truffle-sprite-head{position:absolute;bottom:2vh;right:1vw;width:2.5vw;height:4vh;z-index:10}.hover-area-shop{position:absolute;width:3vw;height:7vh;top:50%;left:51%;transform:translate(-50%,-50%);z-index:10000;background-color:transparent;pointer-events:auto}.blue-container{position:absolute;top:10%;right:32%;width:35vw;height:20vh;padding-top:2vh;padding-left:1vw;padding-right:1vw;background-color:rgba(72,94,170,.6);color:#fff;z-index:5;justify-content:space-between;transform:translateY(-50%,-50%);border-radius:2.7vh;border:.3vh solid #5a70d3;display:flex;flex-direction:column}.npc-text{font-family:Andy,sans-serif;margin:0 0 1vh;padding-left:.5vw;padding-right:.5vw;font-size:2.6vh;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.button-container{width:100%;display:flex;justify-content:flex-start;position:absolute;bottom:0;left:.4vw}.yellow-button{color:#d6d62f;background-color:transparent;font-family:Andy,sans-serif;font-size:2.2vh;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;border:none;padding:1vh 1vw;margin:.6vh;cursor:pointer;transition:transform .2s ease,text-shadow .2s ease;display:inline-block}.yellow-button:hover{transform:scale(1.1);text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 10px hsla(0,100%,70%,.8),0 0 20px hsla(0,100%,70%,.6)}.shop-grid-container{display:grid;position:absolute;top:45%;left:20%;z-index:4;grid-template-columns:repeat(10,.3vw);grid-template-rows:repeat(4,.3vw);gap:3vw;pointer-events:auto;transform:translate(-50%,-50%)}.grid-projects-text{top:10%;right:-9vw;font-size:3.6vh}.grid-projects-text,.shop-grid-text{position:absolute;transform:translateY(-50%);white-space:nowrap;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.shop-grid-text{top:8%;right:-190px;font-size:32px}.shop-grid-item{position:relative;width:3vw;height:3vw;background-color:#5a6831;border-radius:.6vw;display:flex;align-items:center;justify-content:center}.info-text-container-project{width:90%;background-color:#2b3767;padding:2% 1vw;margin-top:0;border-radius:5px;height:43.5%}.project-icon{max-width:80%;max-height:80%;object-fit:contain}.tooltip{position:absolute;background-color:rgba(0,0,0,.8);color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:1000;white-space:nowrap}.shop-grid-item:hover .tooltip{opacity:1;transform:translateY(-10%)}.contact-form-container{position:absolute;top:50%;right:5%;width:30vw;height:95vh;transform:translateY(-50%);z-index:5}.contact-form-box{height:100%;padding:2.5vh;border-radius:1vh;display:flex;flex-direction:column;align-items:center}.contact-input{width:100%;padding:1vh 2vh;margin:.7vh 0;border:none;border-radius:.8vh;font-size:2.5vh;height:7%;background-color:rgba(72,94,170,.8);font-family:Andy,sans-serif;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.contact-textarea{height:80%;resize:none}.contact-submit-button{background-color:#5a70d3;color:#fff;padding:1vh 2vw;border:none;border-radius:1vh;cursor:pointer}.form-heading-container{width:100%;border:none;border-radius:1vh;height:8%;text-align:center;color:#fff}.form-heading,.form-heading-container{font-family:Andy,sans-serif;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.form-heading{font-size:4vh}.yellow-button-submit{color:#d6d62f;background-color:transparent;font-family:Andy,sans-serif;font-size:2.6vh;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;border:none;padding:1vh 1vw;margin:.5vh;cursor:pointer;transition:transform .2s ease,text-shadow .2s ease;display:inline-block}.yellow-button-submit:hover{transform:scale(1.1);text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 10px hsla(0,100%,70%,.8),0 0 20px hsla(0,100%,70%,.6)}.instruction-modal-box{position:relative;width:40vw;max-width:500px;min-width:300px;padding:3vh 2vw;background-color:rgba(0,0,160,.8);border:.2vh solid rgba(0,0,1,.8);color:#fff;font-size:2.4vh;z-index:3;border-radius:2vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:auto}.loading-text-custom{font-family:Andy,sans-serif;text-shadow:.5px .5px 1px #222}.instruction-modal-header{font-size:4vh;margin-bottom:1.5vh;font-family:Andy,sans-serif}.instruction-modal-body{font-size:2.7vh;margin-bottom:1.2vh;margin-top:.5vh;line-height:1.3}.instruction-modal-button{margin-top:1.2vh;font-size:2.5vh;padding:0 2vw}.instruction-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);z-index:2000;display:flex;align-items:center;justify-content:center;pointer-events:auto}