@font-face{font-family:Sunny Spells;src:url(/fonts/SunnySpells-Regular.woff2)format("woff2"),url(/fonts/SunnySpells-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Mouldy Cheese;src:url(/fonts/MouldyCheese-Regular.woff2)format("woff2"),url(/fonts/MouldyCheese-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Shifty Notes;src:url(/fonts/ShiftyNotes-Regular.woff2)format("woff2"),url(/fonts/ShiftyNotes-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;margin:0;padding:0}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#experience{width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}#experience #experience-canvas{width:100%;height:100%}h1,h2{font-family:Mouldy Cheese}p,ul,li{font-family:Shifty Notes}.loading-screen{z-index:999999;background-color:#bccce7;border:8px solid #63a8e1;border-radius:40px;justify-content:center;align-items:center;width:108vw;height:108vh;margin-top:-54vh;margin-left:-54vw;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:perspective(1000px)}.loading-screen-button{color:#e6dede;background-color:#0000;border:none;border-radius:1.2rem;outline:none;justify-content:center;align-items:center;padding:10px 40px;font-family:Mouldy Cheese;font-size:42px;display:flex}@media (width<=768px){.loading-screen-button{font-size:32px}}.no-sound-button{color:#63a8e1;background-color:#0000;border:none;justify-content:center;align-items:center;font-family:Mouldy Cheese;font-size:32px;display:flex;position:absolute;bottom:15%;left:50%;transform:translate(-50%,-50%)}.no-sound-button:hover{color:#e6dede;cursor:pointer}@media (width<=768px){.no-sound-button{font-size:24px}}.instructions{color:#e6dede;justify-content:center;align-items:center;width:90%;max-width:1200px;font-family:Shifty Notes;font-size:28px;display:flex;position:absolute;bottom:10%;left:50%;transform:translate(-50%,-50%)}@media (width<=767px){.desktop-instruction{display:none}}@media (width>=768px){.mobile-instruction{display:none}}@media (width<=768px){.mobile-instruction{font-size:28px}}.overlay{z-index:3;-webkit-backdrop-filter:blur(4px);background-color:#20202033;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0;overflow:hidden}.modal{z-index:9999;background-color:#e7eaf0;border:8px solid #63a8e1;border-radius:25px;justify-content:center;align-items:center;width:90%;max-width:1200px;max-height:90vh;padding:30px;font-size:2.2rem;display:none;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.about{max-width:900px}.contact,.poli{max-width:600px}.modal-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;display:flex}.modal-title{color:#63a8e1;background-color:#bccce7;border-radius:20px;justify-content:center;align-items:center;padding:10px 80px;display:flex;box-shadow:0 3px 8px #0000003d}@media (width<=768px){.modal-title{width:100%;padding:10px 20px;font-size:1.5rem}}.modal-content{-webkit-overflow-scrolling:touch;width:100%;height:auto;max-height:calc(90vh - 180px);position:relative;overflow:hidden}@media (width<=768px){.modal-content{height:350px}}.work .modal-content{height:550px}@media (width<=768px){.work .modal-content{height:500px}}.about .modal-content{height:550px}@media (width<=768px){.about .modal-content{height:500px}}.contact .modal-content{height:170px;overflow:visible}.contact .modal-content-wrapper{overflow:visible}.work .modal-content-wrapper{flex-direction:row;justify-content:center;align-items:center;gap:20px;display:flex}@media (width<=768px){.work .modal-content-wrapper{flex-direction:column;justify-content:space-between}}.modal-content-wrapper{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;height:100%;padding-right:10px;overflow-y:auto}.modal-content-wrapper::-webkit-scrollbar{width:8px}.modal-content-wrapper::-webkit-scrollbar-track{background-color:#bccce7;border-radius:4px;width:2px}.modal-content-wrapper::-webkit-scrollbar-thumb{background-color:#63a8e1;border-radius:4px}.work-project{flex-direction:column;justify-content:start;align-items:center;gap:28px;width:80%;height:100%;padding-top:16px;display:flex}@media (width<=768px){.work-project{width:100%;height:auto;padding-bottom:24px}}.work-project-wrapper{width:100%;height:auto}.work-image-wrapper{width:100%;height:350px;margin-bottom:12px;overflow:hidden}.work-base-image{object-fit:cover;border:6px solid #63a8e1;border-radius:24px;width:100%;height:100%}.image-wrapper{width:90%;height:700px;margin:0 auto 12px;overflow:hidden}@media (width<=768px){.image-wrapper{height:auto}}.base-image{object-fit:cover;border:6px solid #63a8e1;border-radius:24px;width:100%;height:100%}.modal-paragraph-text{font-size:1.5rem}@media (width<=768px){.modal-paragraph-text{font-size:1.3rem}}.modal-paragraph-header{margin-top:24px;margin-bottom:8px;font-size:1.5rem}@media (width<=768px){.modal-paragraph-header{font-size:1.3rem}}.image-wrapper-poli{width:80%;height:80%;margin:0 auto 12px;overflow:hidden}.poli-image{object-fit:cover;border:6px solid #63a8e1;border-radius:24px;width:100%;height:100%}.sm-margin-top{margin-top:12px}.contact-button-wrapper{justify-content:space-between;align-items:center;display:flex}.modal-exit-button{cursor:pointer;background-color:#e7eaf0;border:6px solid #63a8e1;border-radius:1.2rem;justify-content:center;align-items:center;padding:2px;transition:transform .2s cubic-bezier(.39,.575,.565,1);display:flex;position:absolute;top:-2.3rem;left:-2.3rem;transform:rotate(-15deg);box-shadow:0 3px 8px #0000003d}.modal-exit-button:hover{transform:rotate(20deg)scale(1.1)}@media (width<=768px){.modal-exit-button{top:-2.3rem;left:-1.3rem}}.exit-button-svg{width:50px;height:50px}.toggle-buttons{color:#bccce7;cursor:pointer;background-color:#e7eaf0;border:6px solid #63a8e1;border-radius:1.2rem;justify-content:center;align-items:center;padding:2px;display:flex;box-shadow:0 3px 8px #0000003d}@media (width<=768px){.toggle-buttons{top:15px;right:15px}}.sound-button{z-index:2;cursor:pointer;transition:transform .3s cubic-bezier(.25,.46,.45,.94);position:fixed;top:24px;right:36px}.sound-button:hover{transform:rotate(-10deg)scale(1.2)}@media (width<=768px){.sound-button{top:15px;right:15px}}.sound-svg{width:50px;height:50px}.sound-off-svg{width:50px;height:50px;display:none}.contact-svg{cursor:pointer;width:40px;height:40px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.mail{width:60px;height:60px}.mail:hover{transform:rotate(-30deg)scale(1.3)}.github{width:70px;height:70px}.github:hover{transform:rotate(30deg)scale(1.3)}.linkedin{width:60px;height:60px}.linkedin:hover{transform:rotate(-20deg)scale(1.3)}.instagram{width:60px;height:60px}.instagram:hover{transform:rotate(30deg)scale(1.3)}