@font-face{font-family:Super Bubble;src:url(/fonts/SuperBubble-Rpaj3.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat Medium;src:url(/fonts/MontserratMedium.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat Bold;src:url(/fonts/MontserratBold.woff2) format("woff2");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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}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}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{padding:20px;scrollbar-width:thin;scrollbar-color:#954612 #c7a86b}body ::selection{background-color:#954612}body::-webkit-scrollbar{width:12px;height:12px}body::-webkit-scrollbar-track{background:#c7a86b;border-radius:10px}body::-webkit-scrollbar-thumb{background-color:#c7a86b;border-radius:10px;border:3px solid #c7a86b;transition:background-color .3s ease}body::-webkit-scrollbar-thumb:hover{background-color:#c35b17}#experience{position:fixed;height:100%;width:100%;top:0;left:0;overflow:hidden}#experience #experience-canvas{height:100%;width:100%}.modal{display:flex;position:absolute;top:50%;left:50%;max-width:1100px;width:90%;transform:translate(-50%,-50%);font-size:2.2rem;z-index:9999;border-radius:25px;display:none;border:8px solid #9a7747;background-color:#c7a86b;align-items:center;justify-content:center;padding-bottom:20px}@media (max-width: 768px){.modal{padding-bottom:60px}}.modal .modal-content{width:100%;max-height:380px;height:100%;overflow-y:auto;margin-top:120px;font-family:Montserrat Medium;display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start;justify-content:center;padding:20px}@media (max-width: 768px){.modal .modal-content{margin-top:80px}}.modal .modal-exit-button{display:flex;justify-content:center;align-items:center;position:absolute;top:-2.3rem;left:-2.3rem;border:8px solid #9a7747;background-color:#c7a86b;padding:15px;border-radius:1.2rem;cursor:pointer;transform:rotate(-15deg);transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:#0000003d 0 3px 8px}.modal .modal-exit-button img{width:100%}.modal .modal-exit-button:hover{transform:rotate(45deg) scale(1.3)}@media (max-width: 768px){.modal .modal-exit-button{transform:rotate(0) translate(-50%);bottom:-40px;left:50%;top:auto}.modal .modal-exit-button:hover{transform:rotate(0) scale(1.3) translate(-40%)}}.modal .modal-title{position:fixed;left:50%;top:20px;transform:translate(-50%);background-color:#5b3b20;color:#c7a86b;padding:20px 30px;border-radius:20px;font-weight:800;font-family:Super Bubble,Arial,Helvetica,sans-serif;text-align:center}@media (max-width: 768px){.modal .modal-title{width:80%;padding:15px;font-size:20px}}.modal.work .work-section{max-width:300px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal.work .work-section .work-image{width:100%;height:300px;object-fit:cover;border-radius:20px;border:8px solid #9a7747}.modal.work .work-section .work-header{font-size:20px;font-weight:800;margin-top:30px;margin-bottom:10px;font-family:Montserrat Bold;text-align:left;align-self:flex-start}.modal.work .work-section .work-text{font-size:20px;line-height:24px;margin-bottom:10px}.modal.work .work-section .work-skills{font-size:15px}.modal.about{max-width:800px}.modal.about .about-section{width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px}.modal.about .about-section .about-header{font-size:20px;font-family:Montserrat Bold;text-align:left;align-self:flex-start;margin-bottom:20px}.modal.about .about-section .about-text{font-family:Montserrat Medium;font-size:18px}.modal.contact{max-width:400px}.modal.contact .modal-title{width:80%;font-size:25px}@media (max-width: 768px){.modal.contact .modal-title{font-size:20px}}.modal.contact .modal-content{margin-top:90px;gap:20px}.modal.contact p{font-size:20px;font-family:Montserrat Bold}.modal.contact .contact-icons{width:80%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}@media (max-width: 768px){.modal.contact .contact-icons{justify-content:space-around}}.modal.contact .contact-icons img{width:50px;height:50px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.modal.contact .contact-icons img:nth-child(1):hover,.modal.contact .contact-icons img:nth-child(2):hover{transform:rotate(-20deg) scale(1.3)}.modal.contact .contact-icons img:nth-last-child(1):hover,.modal.contact .contact-icons img:nth-last-child(2):hover{transform:rotate(20deg) scale(1.3)}.modal.contact .contact-icons a:nth-child(1) img:hover,.modal.contact .contact-icons a:nth-child(2) img:hover{transform:rotate(-20deg) scale(1.3)}.modal.contact .contact-icons a:nth-last-child(1) img:hover,.modal.contact .contact-icons a:nth-last-child(2) img:hover{transform:rotate(20deg) scale(1.3)}.bgOverlay{display:none;position:absolute;inset:0;z-index:10;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);background-color:#0000}#loading-screen{position:fixed;inset:0;background:#c7a86b;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:999999;color:#fff;font-family:Arial,sans-serif;font-size:2rem;letter-spacing:2px;perspective:1000px;border:20px solid #9a7747}#loading-screen:after{content:"use left/right click and mouse wheel to navigate!";position:absolute;color:#fff;bottom:20px;font-family:Super Bubble,Arial,Helvetica,sans-serif;font-size:20px;text-align:center}@media (max-width: 768px){#loading-screen:after{content:"use one or two fingers to navigate!";font-size:15px}}#loading-screen .loading-text{margin-bottom:50px;animation:pulse 1.2s infinite;font-family:Super Bubble,Arial,Helvetica,sans-serif}@media (max-width: 768px){#loading-screen .loading-text{content:"use one or two fingers to navigate!";font-size:30px}}#loading-screen #enter-button{padding:12px 24px;font-size:1.2rem;border:none;border-radius:8px;background:#5b3b20;color:#fff;font-family:Super Bubble,Arial,Helvetica,sans-serif;cursor:pointer;transition:transform .2s ease}#loading-screen #enter-button:hover{transform:scale(1.1)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}#music-toggle{position:fixed;top:40px;right:40px;z-index:10;position:absolute;border:8px solid #9a7747;background-color:#c7a86b;padding:15px;border-radius:1.2rem;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:#0000003d 0 3px 8px}#music-toggle img{width:100%}#music-toggle:hover{transform:rotate(25deg) scale(1.3)}@media (max-width: 768px){#music-toggle{right:30px;top:30px}#music-toggle:hover{transform:rotate(0) scale(1.3)}}