@font-face{font-family:Chomage;src:url(/fonts/Chomage.woff2)format("woff2"),url(/fonts/Chomage.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roundex;src:url(/fonts/Roundex-Regular.woff2)format("woff2"),url(/fonts/Roundex-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}@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}@font-face{font-family:Playpen Sans;src:url(/fonts/PlaypenSans-Regular.woff2)format("woff2"),url(/fonts/PlaypenSans-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gochi Hand;src:url(/fonts/GochiHand-Regular.woff2)format("woff2"),url(/fonts/GochiHand-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sniglet;src:url(/fonts/Sniglet-Regular.woff2)format("woff2"),url(/fonts/Sniglet-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Londrina Shadow;src:url(/fonts/LondrinaShadow-Regular.woff2)format("woff2"),url(/fonts/LondrinaShadow-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Englebert;src:url(/fonts/Englebert-Regular.woff2)format("woff2"),url(/fonts/Englebert-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DynaPuff;src:url(/fonts/DynaPuff-Regular.woff2)format("woff2"),url(/fonts/DynaPuff-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Concert One;src:url(/fonts/ConcertOne-Regular.woff2)format("woff2"),url(/fonts/ConcertOne-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Chewy;src:url(/fonts/Chewy-Regular.woff2)format("woff2"),url(/fonts/Chewy-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cause;src:url(/fonts/Cause-Regular.woff2)format("woff2"),url(/fonts/Cause-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bubblegum Sans;src:url(/fonts/BubblegumSans-Regular.woff2)format("woff2"),url(/fonts/BubblegumSans-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Boogaloo;src:url(/fonts/Boogaloo-Regular.woff2)format("woff2"),url(/fonts/Boogaloo-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}.bg__noise:before{content:"";opacity:.04;z-index:1000;pointer-events:none;background:url(/noise.gif);width:100vw;height:100vh;position:fixed;top:0;left:0}body{overflow:hidden}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2{font-family:Gochi Hand}h3,h4{font-family:Chewy}p,ul,li{font-family:Playpen Sans}button,a{font-family:Bubblegum Sans}#experience{width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}#experience #experience-canvas{z-index:2;width:100%;height:100%}p{margin-bottom:20px;font-size:1.8rem}ul{padding-left:2rem;list-style:none}ul li{margin-bottom:1rem;position:relative}ul li:before{content:"•";color:#1f7d53;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:#1a5c3a;transition:all .2s;transform:scale(1.2)}.image-wrapper{width:100%;height:550px;margin-bottom:12px;overflow:hidden}@media (width<=768px){.image-wrapper{height:auto}}.base-image{object-fit:cover;border:6px solid #1f7d53;border-radius:24px;width:100%;height:100%}.work-image-wrapper{width:100%;height:350px;margin-bottom:12px;overflow:hidden}.work-base-image{object-fit:cover;border:6px solid #1f7d53;border-radius:24px;width:100%;height:100%}.loading-screen{z-index:999;-webkit-backdrop-filter:blur(4px);background-color:#dff2ea;border:8px solid #1f7d53;border-radius:48px;flex-direction:column;justify-content:center;align-items:center;gap:24px;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:#1a5c3a;cursor:default;background-color:#0000;border:none;border-radius:1.2rem;outline:none;justify-content:center;align-items:center;padding:10px 40px;font-family:Gochi Hand;font-size:42px;display:flex}@media (width<=768px){.loading-screen-button{font-size:32px}}.loading-bar-wrapper{flex-direction:column;align-items:center;gap:8px;width:260px;display:flex}.loading-bar-track{background:#dff2ea;border:4px solid #1a5c3a;border-radius:100px;width:100%;height:32px;position:relative;overflow:hidden}.loading-bar-fill{background:#1a5c3a;width:0%;height:100%;transition:width .25s ease-out;position:relative}.meet-svg{stroke:#1f7d53;flex-shrink:0;width:40px;height:40px}@media (width<=768px){.meet-svg{width:26px;height:26px}}.meet-button{z-index:2;font-family:Bubblegum Sans;font-size:20px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:fixed;top:36px;right:148px}.meet-button:hover{transform:rotate(-5deg)scale(1.1)}@media (width<=768px){.meet-button{font-size:14px;top:30px;right:98px}}.no-sound-button{color:#1a5c3a;cursor:pointer;background-color:#0000;border:none;margin-bottom:50px;font-family:Bubblegum Sans;font-size:16px;position:absolute;bottom:15%;left:50%;transform:translate(-50%,-50%)}.no-sound-button:hover{color:#1f7d53}.instructions{color:#1a5c3a;text-align:center;justify-content:center;align-items:center;width:90%;max-width:1200px;font-family:Sniglet;font-size:28px;display:flex;position:absolute;bottom:10%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.desktop-instructions{display:none}}@media (width>=769px){.mobile-instructions{display:none}}@media (width<=768px){.mobile-instructions{font-size:22px}}.modal{z-index:999;background-color:#dff2ea;border:8px solid #1f7d53;border-radius:25px;width:80%;max-width:780px;max-height:85vh;padding:30px;font-size:2.2rem;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.sm-margin-top{margin-top:12px}.xsm-margin-top{margin:12px}.modal-title{color:#1a5c3a;background-color:#4ea97e;border-radius:5rem;justify-content:center;align-items:center;padding:10px 80px;font-family:Gochi Hand;display:flex;box-shadow:0 3px 8px #0000003d}@media (width<=768px){.modal-title{width:100%;padding:10px 20px;font-size:1.5rem}}.modal-tabs{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.modal-tab{color:#1a5c3a;cursor:pointer;background-color:#0000;border:4px solid #1f7d53;border-radius:2rem;padding:8px 24px;font-family:Bubblegum Sans;font-size:1.2rem;transition:background-color .2s,color .2s,transform .2s}.modal-tab:hover{transform:scale(1.05)}.modal-tab.active{color:#dff2ea;background-color:#1f7d53}.tab-panel{width:100%;display:none}.tab-panel.active{display:block}.modal-paragraph-header{color:#090909;margin-top:24px;margin-bottom:8px;font-family:Chewy;font-size:1.5rem}@media (width<=768px){.modal-paragraph-header{font-size:1.3rem}}.modal-paragraph-header-2{color:#090909;border-top:2px solid #1f7d53;margin-bottom:8px;padding-top:24px;font-family:Concert One;font-size:1.2rem}@media (width<=768px){.modal-paragraph-header-2{font-size:1.3rem}}.modal-paragraph-text{color:#090909;font-family:Playpen Sans;font-size:1.5rem}@media (width<=768px){.modal-paragraph-text{font-size:1.3rem}}.list-text{color:#090909;font-family:Playpen Sans;font-size:1.5rem}@media (width<=768px){.list-text{font-size:1.3rem}}.list-text-2{color:#090909;font-family:Englebert;font-size:1.2rem}@media (width<=768px){.list-text-2{font-size:1.3rem}}.sm-font{font-family:Englebert;font-size:1.2rem}.modal-content{-webkit-overflow-scrolling:touch;width:100%;height:90vh;position:relative;overflow:hidden}@media (width<=768px){.modal-content{height:500px}}.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:#6f497433;border-radius:4px;width:2px}.modal-content-wrapper::-webkit-scrollbar-thumb{background-color:#1a5c3a;border-radius:4px}.tab-panel#tab-work .work-project-wrapper{border-bottom:2px solid #1f7d53;padding-top:16px;padding-bottom:24px}.tab-panel#tab-work .work-project-wrapper:last-child{border-bottom:none}.modal-exit-button{cursor:pointer;background-color:#dff2ea;border:8px solid #1f7d53;border-radius:1.2rem;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}.modal-exit-button:hover{transform:rotate(45deg)scale(1.3)}@media (width<=768px){.modal-exit-button{top:auto;bottom:-3rem;left:50%;transform:translate(-50%)}.modal-exit-button:hover{transform:translate(-50%)scale(1.3)}}.exit-button-svg{color:#1f7d53;width:40px;height:40px}@media (width<=768px){.exit-button-svg{width:25px;height:25px}}.contact-button-wrapper{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.contact-svg{cursor:pointer;stroke:#1f7d53;color:#1f7d53;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.linkedin{width:60px;height:60px}.linkedin:hover{transform:rotate(15deg)scale(1.3)}.github{width:60px;height:60px}.github:hover{transform:rotate(-15deg)scale(1.3)}.instagram{width:63px;height:63px}.instagram:hover{transform:rotate(35deg)scale(1.3)}.mail{width:68px;height:68px}.mail:hover{transform:rotate(-35deg)scale(1.3)}.toggle-buttons{color:#1f7d53;cursor:pointer;background-color:#dff2ea;border:8px solid #1f7d53;border-radius:1.2rem;justify-content:center;align-items:center;padding:10px;display:flex;box-shadow:0 3px 8px #0000003d}.mute-toggle-button{z-index:2;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:fixed;top:36px;right:48px}.mute-toggle-button:hover{transform:rotate(-5deg)scale(1.3)}@media (width<=768px){.mute-toggle-button{top:30px;right:18px}}.sound-svg,.sound-off-svg{stroke:#1f7d53;width:40px;height:40px}@media (width<=768px){.sound-svg,.sound-off-svg{width:30px;height:30px}}.sound-off-svg{display:none}
