@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}@font-face{font-family:Motley Forces;src:url(/fonts/MotleyForces-Regular.woff2)format("woff2"),url(/fonts/MotleyForces-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}h1,h2{font-family:Motley Forces}ul{padding-left:2rem;list-style:none}ul li{margin-bottom:1rem;position:relative}ul li:before{content:"•";color:#8e79a3;font-size:1.5em;position:absolute;left:-1.5rem}ul li ul{margin-top:.5rem}ul li ul li:before{content:"◦";font-size:1.2em}ul li ul ul li:before{content:"▪";font-size:1em}ul li:hover:before{color:#7a3d54;transition:all .2s;transform:scale(1.2)}p,ul,li{font-family:Shifty Notes}#experience{width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}#experience #experience-canvas{width:100%;height:100%}.modal{z-index:9999;color:#fff;background-color:#e8d9d8;border:10px solid #8e79a3;border-radius:25px;width:100%;max-width:1200px;padding:30px;font-size:32px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.modal{border-width:6px;border-radius:18px;width:92%;padding:16px;font-size:18px}}.modal .modal-content{-webkit-overflow-scrolling:touch;width:100%;height:200px;position:relative;overflow:hidden}.modal .modal-content .modal-content-wrapper{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;height:100%;padding-right:10px;overflow-y:auto}.modal .modal-content .modal-content-wrapper::-webkit-scrollbar{width:8px}.modal .modal-content .modal-content-wrapper::-webkit-scrollbar-track{background-color:#6f497433;border-radius:4px;width:2px}.modal .modal-content .modal-content-wrapper::-webkit-scrollbar-thumb{background-color:#8e79a3;border-radius:4px}.modal .modal-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;display:flex}.modal .modal-wrapper h1{color:#8e79a3;background-color:#e7d0d7;border-radius:40px;justify-content:center;align-items:center;padding:15px 50px;display:flex;box-shadow:0 3px 8px #0000003d}@media (width<=768px){.modal .modal-wrapper h1{text-align:center;padding:10px 24px;font-size:24px}}.modal .modal-exit-button{cursor:pointer;background-color:#e8d9d8;border:10px solid #8e79a3;border-radius:25px;justify-content:center;align-items:center;padding:15px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:-2.3rem;left:-2.3rem;transform:rotate(-15deg);box-shadow:0 3px 8px #0000003d}@media (width<=768px){.modal .modal-exit-button{border-width:6px;padding:8px;top:-1.2rem;left:-1.2rem}}.modal .modal-exit-button:hover{transform:rotate(45deg)scale(1.3)}.modal .modal-exit-button .exit-button-svg{color:#8e79a3;width:40px;height:40px}@media (width<=768px){.modal .modal-exit-button .exit-button-svg{width:26px;height:26px}}.paragraph-section{color:#090909;position:relative}.contact{max-width:500px}.contact .modal-content{height:170px;overflow:visible}@media (width<=768px){.contact .modal-content{height:auto}}.contact h2{color:#000;text-align:center;font-size:22px}.contact h2 span{color:#7bacdc}@media (width<=768px){.contact h2{font-size:16px}}.about{max-width:800px}.about .modal-content{height:400px}@media (width<=768px){.about .modal-content{height:60vh}}.side-images{width:100px;position:absolute}@media (width<=768px){.side-images{display:none}}.side-images.left{top:0;left:0;transform:rotate(-15deg)}.side-images.right{bottom:0;right:0}.image-wrapper{justify-content:center;align-items:center;width:100%;height:400px;margin-bottom:12px;display:flex;overflow:hidden}@media (width<=768px){.image-wrapper{height:220px}}.base-image{object-fit:cover;border:6px solid #8e79a3;border-radius:24px;width:400px}@media (width<=768px){.base-image{width:100%;max-width:260px}}.modal-paragraph-header{text-align:left;margin-top:24px;margin-bottom:8px;font-size:1.5rem}@media (width<=768px){.modal-paragraph-header{font-size:1.1rem}}.modal-paragraph-text{font-size:1.5rem}@media (width<=768px){.modal-paragraph-text{font-size:1rem}}.sm-margin-top{margin-top:20px}.list-item{font-size:1.5rem}@media (width<=768px){.list-item{font-size:1rem}}.list-text-2{font-size:1.2rem}.modal-paragraph-header-2{border-top:2px solid #6e5e9c;margin-bottom:8px;padding-top:24px;font-size:1.2rem}.contact-btn-wrapper{justify-content:space-evenly;align-items:center;margin-top:24px;display:flex}@media (width<=768px){.contact-btn-wrapper{flex-wrap:wrap;gap:12px}}.work .modal-content{height:450px;overflow:visible}@media (width<=768px){.work .modal-content{height:60vh}}.work .modal-content-wrapper{flex-direction:row;justify-content:center;align-items:center;gap:18px;display:flex}@media (width<=768px){.work .modal-content-wrapper{flex-direction:column;justify-content:flex-start;align-items:stretch}}.work-project{flex-direction:column;justify-content:start;align-items:center;gap:26px;width:80%;height:100%;padding-top:20px}@media (width<=768px){.work-project{width:100%;height:auto}}.work-image-wrapper{width:100%;height:350px;margin-bottom:12px;overflow:hidden}@media (width<=768px){.work-image-wrapper{height:200px}}.work-base-image{object-fit:cover;border:6px solid #6e5e9c;border-radius:24px;width:100%;height:100%}.sm-font{font-size:1.2rem}.contact-svg{cursor:pointer;color:#8e79a3;width:60px;height:60px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.contact-svg:hover{transform:rotate(-45deg)scale(1.3)}@media (width<=768px){.contact-svg{width:44px;height:44px}}.mail{width:70px;height:70px}@media (width<=768px){.mail{width:50px;height:50px}}.toggle-buttons{color:#8e79a3;cursor:pointer;background-color:#e8d9d8;border:8px solid #8e79a3;border-radius:1.2rem;justify-content:center;align-items:center;padding:10px;display:flex;box-shadow:0 3px 8px #0000003d}.theme-toggle-button{z-index:2;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:fixed;top:36px;right:48px}.theme-toggle-button:hover{transform:rotate(5deg)scale(1.3)}@media (width<=768px){.theme-toggle-button{top:30px;right:18px}}.sun-svg{stroke:#8e79a3;width:40px;height:40px}@media (width<=768px){.sun-svg{width:30px;height:30px}}.moon-svg{stroke:#8e79a3;width:40px;height:40px;display:none}@media (width<=768px){.moon-svg{width:30px;height:30px}}.mute-toggle-button{z-index:2;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:fixed;top:36px;right:148px}.mute-toggle-button:hover{transform:rotate(-5deg)scale(1.3)}@media (width<=768px){.mute-toggle-button{top:30px;right:96px}}.sound-svg{stroke:#8e79a3;width:40px;height:40px}@media (width<=768px){.sound-svg{width:30px;height:30px}}.sound-off-svg{stroke:#8e79a3;width:40px;height:40px;display:none}@media (width<=768px){.sound-off-svg{width:30px;height:30px;top:30px;right:96px}}.no-sound-button{color:#c4bebe;background-color:#0000;border:none;justify-content:center;align-items:center;font-family:Motley Forces;font-size:16px;display:flex;position:absolute;bottom:15%;left:50%;transform:translate(-50%,-50%)}.no-sound-button:hover{color:#e6dede;cursor:pointer}.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}.loading-screen{z-index:999999;background-color:#2a0f4e;border:8px solid #8e79a3;border-radius:48px;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:Motley Forces;font-size:42px;display:flex}.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-instructions{display:none}}@media (width>=768px){.mobile-instructions{display:none}}@media (width<=768px){.mobile-instructions{font-size:28px}}