@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&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: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{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}*{margin:0;padding:0;box-sizing:border-box;font-family:Motley Forces,sans-serif}body{overflow:hidden;color:#313131}:root{font-family:Poppins;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#experience{position:fixed;height:100%;width:100%;top:0;left:0;overflow:hidden}#experience #experience-canvas{height:100%;width:100%;z-index:2}.sm-margin-top{margin-top:12px}h2{font-size:1.5rem;font-weight:600}h1{font-size:1.2rem;font-weight:600}.loading-screen{display:flex;justify-content:center;align-items:center;position:fixed;top:50%;left:50%;width:108vw;height:108vh;margin-left:-54vw;margin-top:-54vh;overflow:hidden;z-index:999999;border:8px solid #a29186;background-color:#a29186;transform:perspective(1000px);border-radius:48px}.loading-intro{display:flex;flex-direction:column;align-items:center;margin-top:-4rem}.loading-button{display:flex;justify-content:center;align-items:center;font-family:Motley Forces;background-color:transparent;padding:10px 40px;margin-top:-20px;outline:none;color:#e6e1d8;border-radius:1.2rem;border:none;font-size:42px}@media screen and (max-width: 768px){.loading-button{font-size:32px}}.loading-miffy{width:200px}.tip{display:flex;justify-content:center;align-items:center;text-align:center;position:absolute;margin-bottom:20px;bottom:12%;left:50%;max-width:1200px;width:90%;font-size:28px;transform:translate(-50%,-50%);font-family:Shifty Notes;color:#e6e1d8}@media screen and (min-width: 768px){.tip{display:none}}.instructions{display:flex;justify-content:center;align-items:center;position:absolute;bottom:10%;left:50%;max-width:1200px;width:90%;font-size:28px;transform:translate(-50%,-50%);font-family:Shifty Notes;color:#a29186}@media screen and (max-width: 768px){.desktop-instructions{display:none}}@media screen and (min-width: 768px){.mobile-instructions{display:none}}@media screen and (max-width: 768px){.mobile-instructions{font-size:29px}}.overlay{height:100vh;width:100vw;overflow:hidden;position:fixed;top:0;left:0;z-index:3;display:none;background-color:#20202033;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.image-wrapper{margin-right:1rem;position:relative;margin:auto}.about-image{height:250px;object-fit:6px;border-radius:13px;box-shadow:10px 30px 62px -18px #00000030}.project.image-wrapper{margin-right:1rem;position:relative;margin:auto;display:flex;justify-content:center}.project-image{height:150px;width:250px;align-items:center;border:4px solid #d6c7bc;border-radius:13px}@media screen and (max-width: 640px){.project-image{height:150px;width:250px}}.web1.project-image{padding:1.2rem;object-fit:contain}.web2.project-image{object-fit:cover}.modal{align-items:center;display:flex;flex-direction:column;justify-content:center;position:absolute;top:50%;left:50%;max-width:950px;width:90%;transform:translate(-50%,-50%);z-index:9999;padding:30px;border-radius:25px;display:none;background-color:#f3efe4;border:8px solid #d6c7bc}@media screen and (max-width: 640px){.modal{padding:20px}}.modal-wrapper{width:100%;flex-direction:column;gap:24px}.modal-title{background-color:#e6e1d811;border:4px solid #d6c7bc;width:80%;margin:auto auto 30px;display:flex;justify-content:center;gap:10px;text-align:center;padding:10px;border-radius:30px;box-shadow:0 0 50px #31313126}.modal-title h1{font-size:30px;color:#313131}.search{margin:auto 0;color:#313131;stroke-width:4px}.about.content-wrapper{height:550px}@media screen and (max-width: 768px){.about.content-wrapper{height:500px}}.projects.content-wrapper{height:550px}@media screen and (max-width: 768px){.projects.content-wrapper{height:500px}}.contact.modal{max-width:450px;min-height:300px}@media screen and (max-width: 640px){.contact.modal{padding:30px}}.content-wrapper{width:100%;overflow-y:auto;position:relative;-webkit-overflow-scrolling:touch}.content-wrapper::-webkit-scrollbar{width:8px}.content-wrapper::-webkit-scrollbar-track{width:2px;border-radius:4px;background-color:#e6e1d8}.content-wrapper::-webkit-scrollbar-thumb{background-color:#d6c7bc;border-radius:4px}@media screen and (max-width: 1000px){.content-wrapper{max-height:550px;margin:auto;padding-top:1rem}}.content{margin:auto;display:flex;align-items:center;justify-content:space-between;justify-content:center;flex-direction:column}.info-wrapper{display:flex;width:100%;max-width:850px}@media screen and (max-width: 850px){.info-wrapper{flex-direction:column}}.info-text{text-align:start;margin:1rem}@media screen and (min-width: 850px){.info-text{width:100%}}.info-text h2{padding-bottom:1rem}.info-text p{padding-bottom:20px}.list{width:100%;display:flex;justify-content:space-evenly;text-align:left;margin:1rem 0}@media screen and (max-width: 640px){.list1,.list2{width:40%}}.list h2,.list p{padding:10px 0}.list a{color:#000}.icon{color:#313131;border-radius:.375rem;transition:background-color .2s ease}.icon:hover{color:#a29186}.project-links{display:flex;gap:.5rem;align-items:center}.projects.info-wrapper{margin:20px 0}@media screen and (max-width: 850px){.projects.info-wrapper{margin:10px 0}}.desc{font-size:14px;margin:auto}.contact-info{text-align:center}.contact-info h3{padding-bottom:20px}.social{display:inline-block;white-space:nowrap;padding:10px;margin-right:10px;text-decoration:none;color:#a29186;font-weight:700}.social:hover{color:#313131}.modal-exit-button{display:flex;justify-content:center;align-items:center;position:absolute;top:-2.7rem;right:-2.3rem;background-color:#f3efe4;border:8px solid #d6c7bc;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-exit-button:hover{transform:rotate(45deg) scale(1.3)}@media screen and (max-width: 850px){.modal-exit-button{top:-2rem;right:-1.5rem}}@media screen and (max-width: 640px){.modal-exit-button{top:-2rem;right:-1.5rem}}.exit-button-svg{width:40px;height:40px;color:#d6c7bc}@media screen and (max-width: 850px){.exit-button-svg{width:25px;height:25px}}@media screen and (max-width: 640px){.exit-button-svg{width:12px;height:12px}}