*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;scroll-behavior:smooth;font-family:Inter,sans-serif}#root{width:100%;max-width:100vw;height:100%;padding:0 64px;background-color:var(--background-color)}:root{font-family:Inter,sans-serif;--background-color: #ffffff;--secondary-color: #000000;--tertiary-color: #2e2e2e;--text-color: #000000;--light-text-color: #868788;--title-header: 6.5rem;--title-header-tablet: 5.5rem;--title-header-phone: 3.5rem;--subtitle-header: 2.5rem;--regular-text: 1.25rem;--small-text: 1rem;--footer-title: 10.25rem;--footer-title-tablet: 5.5rem;--footer-title-phone: 2.5rem;--footer-subtitle: 2.5rem;--footer-subtitle-phone: 2rem;--weight-extrabold: 800;--weight-semibold: 600;--weight-medium: 500;--weight-regular: 400;--weight-light: 300}.cursor{z-index:999;background-color:var(--light-text-color);border-radius:50%;position:fixed;pointer-events:none;display:flex;justify-content:center;align-items:center}.cursor-text{font-size:var(--small-text);color:var(--text-color)}@media screen and (max-width: 850px){#root{padding:0 32px}.cursor,.cursor-text{display:none}}@media screen and (max-width: 450px){#root{padding:0 16px;max-width:100vw}}.preloader{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000;z-index:9999;display:flex;justify-content:center;align-items:center}.preloader-text{width:100%;color:#fff;font-size:clamp(1.25rem,8vw,2.5rem);font-family:Arial,sans-serif;text-align:center}nav{height:3.75rem;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.nav-title{font-size:var(--footer-subtitle-phone);font-weight:var(--weight-semibold)}.links-container{display:flex;flex-direction:row;gap:20px}li{cursor:pointer;list-style:none;font-size:var(--regular-text);font-weight:var(--weight-regular)}.hover-underline-animation{display:inline-block;position:relative}.hover-underline-animation:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:var(--tertiary-color);transform-origin:bottom right;transition:transform .25s ease-out}.hover-underline-animation:hover:after{transform:scaleX(1);transform-origin:bottom left}@media screen and (max-width: 450px){.nav-title{font-size:var(--regular-text)}}.section-title-container{display:flex;flex-direction:row;width:100%;justify-content:space-between;padding:.5rem 0}.section-title-text{font-size:var(--regular-text);font-weight:var(--weight-medium)}#about{height:auto}.about-section-container{display:flex;width:100%;justify-content:space-between}.content-title,.general-contents{flex:1}.content-header{font-size:var(--footer-subtitle-phone);font-weight:var(--weight-semibold)}.presentation{font-weight:var(--weight-light);font-size:var(--regular-text);text-align:justify;margin-bottom:4rem}.title-skills{font-size:var(--regular-text);font-weight:var(--weight-medium);margin-bottom:2rem}.end-about-section{width:100%;padding-bottom:13.75rem}.open-cv{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px}.open-cv a{text-decoration:none;font-size:var(--regular-text);font-weight:var(--weight-regular);color:#000;cursor:pointer}@media screen and (max-width: 850px){.about-section-container{display:flex;flex-direction:column}.content-header{margin-bottom:2rem}.end-about-section{padding-bottom:8.75rem}}.accordion-container{border-bottom:1px solid #e2e2e2;width:100%;margin-bottom:2rem}.accordion-title-container{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .3s ease;padding-bottom:1rem}.accordion-title{display:flex;gap:1rem;align-items:center}.number-prop{font-size:var(--footer-subtitle-phone);font-weight:var(--weight-regular)}.title-prop{font-size:var(--regular-text);font-weight:var(--weight-light)}.accordion-icon{width:24px;height:24px;transition:transform .3s ease}.rotate-icon{transform:rotate(45deg)}.accordion-content{overflow:hidden;max-height:0;transition:max-height .4s ease,padding .4s ease;padding:0 2rem}.accordion-content p{font-size:var(--small-text);font-weight:var(--weight-light);color:var(--light-text-color);margin:1rem 0}.accordion-container.open .accordion-content{max-height:500px;padding:16px}#contacts{height:auto}.footer-titles-container{display:flex;flex-direction:column;flex-wrap:nowrap;gap:2rem}.footer-title{width:100%;text-align:center}.footer-title p{font-size:clamp(2.5rem,8vw,20rem);font-weight:var(--weight-extrabold)}.footer-subtitle-container{width:100%;display:flex;flex-wrap:nowrap;justify-content:end}.footer-subtitle{text-align:left}.footer-subtitle p{font-size:var(--footer-subtitle);font-weight:var(--weight-semibold)}.footer-elements{width:100%;display:flex;justify-content:space-between;align-items:center;padding-bottom:4rem;margin-top:4rem}.footer-links,.local-time-elements,.back-top-element{display:flex;flex:1;justify-content:center}.footer-links{display:flex;flex-direction:column}.footer-email{margin-top:1rem;font-size:var(--footer-subtitle-phone);font-weight:var(--weight-semibold)}.stang{color:var(--light-text-color);font-size:var(--regular-text)}.footer-links a{text-decoration:none;color:#000;font-size:var(--regular-text);font-weight:var(--weight-regular)}.local-time-container p,.back-to-top p{font-size:var(--regular-text);font-weight:var(--weight-regular)}.local-time{margin-top:8px;color:var(--light-text-color)}.back-to-top{cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px}@media screen and (max-width: 850px){.footer-elements{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}}@media screen and (max-width: 450px){.footer-email{font-size:24px;font-weight:var(--weight-semibold)}.footer-subtitle p{font-size:var(--footer-subtitle-phone);font-weight:var(--weight-semibold)}}.button{cursor:pointer;padding:1rem 2rem;margin-top:2.5rem;margin-bottom:13.75rem;background-color:transparent;border:1px solid black;border-radius:64px;position:relative;overflow:hidden}.text-container{position:relative;overflow:hidden}.text-primary{font-size:var(--regular-text);font-weight:var(--weight-regular);font-family:Inter,sans-serif;color:#000}.text-secondary{position:absolute;top:0;left:0;width:100%;align-items:center;font-size:var(--regular-text);font-weight:var(--weight-regular);font-family:Inter,sans-serif;color:#000}@media screen and (max-width: 1200px){.button{margin-bottom:8.125rem}}@media screen and (max-width: 450px){.text-primary,.text-secondary{font-size:var(--small-text)}.button{margin-bottom:5rem}}#header{margin-top:.5rem}.animated-text{font-size:clamp(6.5rem,6vw,6.5rem);font-weight:var(--weight-extrabold)}.animated-text-2{font-size:var(--subtitle-header);font-weight:var(--weight-semibold);margin-top:1rem}.animated-text-container{position:relative;display:block;overflow:hidden}@media screen and (max-width: 1200px){.animated-text{font-size:clamp(4rem,5vw,var(--title-header-tablet))}}@media screen and (max-width: 450px){.animated-text{font-size:clamp(2.5rem,4vw,var(--title-header-phone))}.animated-text-2{font-size:var(--footer-subtitle-phone)}}#projects{height:auto}.title{margin-bottom:2rem}.divider{margin-bottom:220px}@media screen and (max-width: 850px){.divider{margin-bottom:140px}}.project-card{display:flex;flex-direction:column;width:100%;gap:2rem;cursor:pointer}.image-container{width:100%;aspect-ratio:4 / 2;overflow:hidden;border-radius:1rem}.project-image{width:100%;height:100%;object-fit:cover}.end-section{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:4rem}p{font-size:var(--regular-text);font-weight:var(--weight-semibold)}.project-title,.project-categories,.project-year{flex:1;text-align:left}.project-categories{display:flex;flex-direction:column;gap:4px}@media screen and (max-width: 850px){.project-categories{display:none}.project-year{text-align:right}}@media screen and (max-width: 450px){.image-container{aspect-ratio:2 / 4}}.back-text{display:flex;flex-direction:row;gap:8px;align-items:center;cursor:pointer}.back-text-container{margin-top:2.5rem;margin-bottom:2.5rem}.bigger-project-title{font-size:clamp(6.5rem,6vw,6.5rem);font-weight:var(--weight-extrabold);text-transform:uppercase}.bigger-project-title-container{position:relative;display:flex;flex-direction:row;justify-content:space-between;overflow:hidden;width:100%;margin-bottom:13.75rem}.intro-general-container{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:5rem}.icon-asterisk-container,.intro-project-container{flex:1}.intro-project-container{text-align:right}.project-table{display:flex;flex-direction:row}.title-image-container{width:100%;aspect-ratio:2 / 1;overflow:hidden;border-radius:1rem;margin-bottom:13.75rem}.title-image{width:100%;height:100%;object-fit:cover}.screenshots-container{aspect-ratio:2 / 1;width:100%;border-radius:1rem;margin-bottom:13.75rem}.single-screenshot{width:100%;height:100%;object-fit:cover;border-radius:inherit;margin-bottom:1rem}.description-container{width:100%;display:flex;flex-direction:row;padding-right:8rem;margin-bottom:13.75rem}.description-of-project{flex-basis:75%;margin-bottom:2rem}.description-container h3{font-size:var(--subtitle-header);font-weight:var(--weight-medium);text-align:justify}.description-section-number{flex-basis:25%;margin-right:2rem;text-align:left;font-size:var(--regular-text);font-weight:var(--weight-semibold)}.url-container{display:flex;flex-direction:row;align-items:center;justify-content:end;gap:.5rem}.url-website{color:var(--text-color);font-size:var(--regular-text);font-weight:var(--weight-regular);text-decoration:none;text-align:right;cursor:pointer}@media screen and (max-width: 1200px){.bigger-project-title{font-size:clamp(4rem,5vw,var(--title-header-tablet))}.bigger-project-title-container{margin-bottom:8.125rem}.title-image-container,.description-container{margin-bottom:5rem}}@media screen and (max-width: 850px){.description-container{padding-right:0}.description-container{flex-direction:column}.description-container h3{font-size:var(--footer-subtitle-phone);text-align:left}.description-section-number{margin-bottom:2rem}}@media screen and (max-width: 450px){.bigger-project-title{font-size:clamp(2.5rem,4vw,var(--title-header-phone))}.bigger-project-title-container{flex-direction:column;gap:1rem;margin-bottom:5rem}.title-image-container,.screenshots-container{margin-bottom:5rem}}