@import"https://fonts.googleapis.com/css2?family=Italiana&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Macondo&display=swap";@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Macondo&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Macondo&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Quicksand:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css?family=Roboto:700";@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:none}html,body{overflow:hidden}#intro-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;font-family:FontIntro,sans-serif;color:#fff;overflow:hidden}#loading-percentage{font-size:1.5rem;overflow:hidden;z-index:11;color:#000}.experience{position:fixed;top:0;left:0;outline:none}.experience-canvas{overflow:hidden;width:100%;height:100%}@font-face{font-family:Font1;src:url(textures/font.otf)}.center{position:absolute;color:#000;top:61%;left:50%}.icon-container{z-index:100;position:fixed;top:10px;left:10px;font-size:55px;font-weight:700;font-family:Inter,sans-serif;color:#fff}.icon-letter{z-index:1000;color:#fff;display:inline-block;transition:transform .3s ease;background-color:transparent}.icon-letter-d{transform:scaleX(-1);margin-right:-.22em}.icon-container:hover .icon-letter-d{transform:scaleX(1) translate(0)}.icon-container:hover .icon-letter-l{transform:translate(5px)}#landing-page{display:none}.wrapperHeader{display:flex;justify-content:center}.header{position:absolute;margin-top:4.813em;z-index:1000;display:none;flex-direction:column;align-items:center;justify-content:center;font-family:Inter,sans-serif;background-color:#fff0}.headerName{color:#fff;font-size:4rem;font-weight:500;background-color:#f000;letter-spacing:.04em}.headerDescription{margin-top:1.813em;font-size:1rem;color:#999;background-color:#f000}.button-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:30rem;background-color:#f000}.button{font-size:1rem;font-weight:700;text-decoration:none;color:#9b9a9a;cursor:pointer;transition:color .8s;font-family:Inter,sans-serif;background-color:#fff0;position:relative}.button:hover{color:#fff}.button:after{content:"";position:absolute;top:20px;left:0;height:2px;background-color:#333;width:5px;transition:width .8s ease,left .8s ease}.button:hover:after{width:100%;left:0;color:#fff}.workContainer{display:flex;padding-top:0;flex-direction:column;justify-content:space-between}.work-wrapper{position:absolute;top:50%;display:flex;flex-direction:column;z-index:1000;color:#fff;background-color:#0000}.buttonWork{background-color:#0000;text-decoration:none;font-size:.8em;letter-spacing:.1em;line-height:1.4em;font-family:Inter,sans-serif;font-weight:200;color:#fff;padding-left:1em;color:gray;transition:all .3s}.buttonWork:hover{transition:all .3s;color:#fff}.worksContainer{position:fixed;width:100%;height:100vh;pointer-events:none;z-index:1000}.works-wrapper{position:relative;width:100%;height:100%;z-index:1000}.g-description,.c-description,.m-description,.ra-description,.rs-description,.rc-description,.r-description,.f-description{position:absolute;left:50%;transform:translate(-50%);text-align:center;width:auto;opacity:0;display:none;align-items:center;justify-content:center;z-index:1000;pointer-events:all}.g-description p,.c-description p,.m-description p,.rs-description p,.r-description p,.rc-description p,.ra-description p,.f-description p{font-family:Inter,sans-serif;color:#fff;font-size:.9rem;font-weight:400;margin:0;white-space:nowrap;align-items:center;text-align:center;justify-content:center;z-index:1000}.description-active{opacity:1;z-index:1000}#workButtons{position:absolute;left:50%;transform:translate(-50%);padding-top:50px;font-weight:200;font-family:Inter,sans-serif;font-size:.7rem;color:#9e9e9e;text-decoration:none;width:120px;text-align:center}#workButtons:hover{color:#fff}#workButtons:after{content:"";position:absolute;top:65px;left:1%;height:1px;background-color:#333;width:5px;transition:width .8s ease,left .8s ease}#workButtons:hover:after{width:100%;color:#fff}.project-names-list{position:fixed;left:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem;z-index:1000;pointer-events:all;opacity:1;transition:opacity .4s ease}.project-name-item{font-family:Inter,sans-serif;font-size:.8rem;font-weight:200;color:#595959;letter-spacing:.1em;cursor:pointer;transition:color .3s ease;margin:0}.project-name-item:hover,.project-name-item.active{color:#fff}@media (max-width: 500px){.project-names-list{display:none!important}}@media (max-width: 768px){.project-name-item{font-size:.65rem;letter-spacing:.05em}}@media (min-width: 768px) and (max-width: 1024px){.project-names-list{left:1.5rem;gap:.8rem}.project-name-item{font-size:.7rem}}.project-detail-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;display:none;opacity:0;z-index:2000;pointer-events:all;flex-direction:column;align-items:center;justify-content:space-between;padding:2rem}.project-title{font-family:Inter,sans-serif;font-size:2rem;font-weight:300;color:#fff;letter-spacing:.05em;text-align:left;white-space:nowrap}.project-bottom-info{position:absolute;width:100%;pointer-events:none}.project-description{font-family:Inter,sans-serif;font-size:.8rem;font-weight:300;color:#fff;max-width:400px;line-height:1.6;pointer-events:all}.project-link{font-family:Inter,sans-serif;font-size:.8rem;font-weight:300;color:#6b6b6b;text-decoration:none;padding:.8rem 2rem;transition:all .3s ease;display:inline-block;white-space:nowrap;pointer-events:all;background-color:none}.project-link:hover{background-color:none;color:#fff}.close-project{position:absolute;top:2rem;right:2rem;background:none;border:none;color:#fff;font-size:3rem;cursor:pointer;font-weight:200;line-height:1;transition:transform .3s ease}.close-project:hover{transform:rotate(90deg)}@media (max-width: 768px){.close-project{top:1rem;right:1rem;font-size:2rem}.project-title{font-size:1.2rem}.project-description{font-size:.7rem;max-width:250px}.project-link{font-size:.7rem;padding:.5rem 1rem}}@media (min-width: 768px) and (max-width: 1024px){.close-project{font-size:2.5rem}.project-title{font-size:1.6rem}.project-description{font-size:.75rem;max-width:350px}.project-link{font-size:.75rem}}.container{display:flex;height:100vh;padding-top:0}.left-half{width:50%}.right-half{width:50%;display:flex;justify-content:center;align-items:center}#wrapper-abt{position:relative;display:flex;flex-direction:column;width:100%;max-width:41rem;padding:1rem;border:dashed 4px #ff000000;background-color:#0000}.about-description{color:#fff;width:100%;font-weight:200;letter-spacing:-.3px;background-color:#5e0b0b00;font-size:clamp(.8rem,2vw,.9rem);padding:1rem;font-family:Inter,sans-serif;line-height:1.15}.about-description p{background-color:#fff0}.AboutButtons{display:flex;gap:5rem;justify-content:left;align-items:left;padding:1rem;background-color:#3330}#aboutButtons{font-size:.7rem}.buttonsocial{font-size:1rem;font-weight:700;text-decoration:none;color:#999;cursor:pointer;transition:color .8s;font-family:Inter,sans-serif;background-color:transparent;position:relative}.buttonsocial:hover{color:#fff}.buttonsocial:after{content:"";position:absolute;top:18px;left:0;height:2px;background-color:#333;width:5px;transition:width .8s ease,left .8s ease}.buttonsocial:hover:after{width:100%;left:0;color:#fff}.mail-icon{position:fixed;bottom:24px;right:24px;padding:12px;transition:transform .3s}.mail-icon:hover{transform:scale(1.1) translateY(-4px)}.material-symbols-outlined{font-size:24px;color:#fff}@media (max-width: 1000px){.container{padding-top:0}.left-half,.right-half{width:50%}}@media (max-width: 500px){.container{flex-direction:column;justify-content:center;padding-top:15rem;height:100vh}.left-half{display:none}.right-half{width:100%;height:auto;padding:1rem;justify-content:center;align-items:flex-end}#wrapper-abt{margin-bottom:2rem;padding:0rem}.AboutButtons{gap:1rem;flex-direction:column;align-items:flex-start}.buttonsocial{display:inline-block;width:auto}.g-description p,.c-description p,.m-description p,.rs-description p,.r-description p,.rc-description p,.ra-description p,.f-description p{font-size:.7rem}}@media (orientation: landscape) and (max-width: 845px) and (hover: none) and (pointer: coarse){.header{margin-top:2rem}.headerName{font-size:2rem}.headerDescription{font-size:.5rem}.button-wrapper{gap:15rem}.button{font-size:.5rem}.button:after{top:10px}.g-description p,.c-description p,.m-description p,.rs-description p,.r-description p,.rc-description p,.ra-description p,.f-description p{font-size:.4rem}}@media (orientation: landscape) and (max-width: 1000px) and (hover: none) and (pointer: coarse){.header{margin-top:2rem}.headerName{font-size:2rem}.headerDescription{font-size:.5rem}.about-description{font-size:clamp(.8rem,1vw,.9rem)}}@media (max-width: 600px){.headerName{font-size:2rem}.headerDescription{font-size:.6rem}.button-wrapper{gap:23rem}.button{font-size:.6rem}.button:after{top:14px}}@media (max-width: 480px){.button-wrapper{gap:17rem}}.page{opacity:0;transition:opacity 1.5s ease-in-out;pointer-events:none}.page-fade-in{opacity:1;pointer-events:auto}@media (max-width: 580px){.work-wrapper{display:none}}