@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";:root,input,button{font-family:Outfit,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{color-scheme:light dark;transition:all .5s ease}.dark{--sky: hsl(5, 20%, 5%);--background: hsl(5, 20%, 10%);--background-light: hsl(5, 20%, 15%);--background-lighter: hsl(5, 20%, 20%);--button-hover: hsl(50, 100%, 75%);--color-primary: hsl(50, 100%, 70%);--lights1: hsl(50, 100%, 70%);--lights2: hsl(50, 50%, 50%);--lights3: hsl(50, 50%, 30%);--text: hsl(50, 50%, 95%);--text-complement: hsl(5, 50%, 5%)}.light{--sky: hsl(188, 46%, 75%);--background: hsl(12, 70%, 60%);--background-light: hsl(12, 70%, 65%);--background-lighter: hsl(12, 70%, 70%);--button-hover: hsl(50, 100%, 75%);--color-primary: hsl(50, 100%, 70%);--lights1: hsl(188, 100%, 80%);--lights2: hsl(188, 60%, 80%);--lights3: hsl(188, 80%, 60%);--text: hsl(50, 50%, 95%);--text-complement: hsl(5, 50%, 5%)}html{scroll-behavior:smooth}body{margin:0;background-color:var(--sky);color:var(--text);transition:background-color .25s ease,color .25s ease}h1,h2,h3,h4{margin:0;font-weight:700}h1{font-size:clamp(2em,20vw,5em);text-align:left}h2{font-size:clamp(1.75em,20vw,4em);text-align:left}h3{font-size:3em}h4{font-size:2em}p{font-size:1.5em;text-align:justify;align-self:center}.loader{position:fixed;width:100vw;height:100vh;background:var(--background);z-index:1000;display:flex;align-items:center;justify-content:center}#landing{height:calc(100vh - 65px);overflow:hidden}.container{width:80vw;margin:auto;padding:32px;display:flex;flex-direction:row}.socials{border-style:solid;border-color:var(--text);color:var(--text);border-radius:100px;position:absolute;bottom:100px;right:50px;z-index:100;display:flex;flex-direction:row;gap:16px;padding:8px 16px}.socials a{color:var(--text);transition:color .3s ease}.socials a:hover{color:var(--color-primary);cursor:pointer}nav{justify-content:flex-end;background-color:var(--background);position:sticky;top:0;display:flex;flex-direction:row;justify-content:space-between}nav div{display:flex;gap:30px;padding:10px 50px}nav .nav-link,nav .website-link{text-decoration:none;font-size:1.75em;color:var(--text);position:relative}:is(nav .nav-link,nav .website-link):after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--text);transition:width .3s ease}:is(nav .nav-link,nav .website-link):hover:after{width:100%}nav .theme-switch{background:none;border:none;display:inline-flex;align-items:center;font-size:2rem;cursor:pointer;color:var(--color)}#about{background-color:var(--background)}#about .container{flex-direction:row}#about p{margin:0;padding:0 20px}#about h2{padding:30px}#about img{width:384px;border-radius:15px;margin:20px}#highlights{background-color:var(--background)}#highlights .container{flex-direction:column}#highlights img{width:50%;margin:32px}#contact{background-color:var(--background)}#contact .container{display:flex;flex-direction:column;justify-content:space-between;align-items:center}#contact .contact-intro{display:flex;flex-direction:column;align-items:center;text-align:center}#contact img{width:100vw}#contact .contact-button{text-decoration:none;border-radius:64px;background-color:#531430;font-size:1em;font-weight:500;padding:20px 60px;margin:20px;color:#e3b3a3}#contact .icon-container{display:flex;flex-direction:row;align-items:center;text-decoration:none;color:var(--text);font-size:20px;gap:16px}#contact .icon-container:hover{color:var(--color-primary);cursor:pointer}#contact .my-online-spaces{margin:10px;display:flex;flex-direction:row;gap:16px}.rotating-div{display:flex;flex-direction:row;gap:12px}#footer{background-color:var(--background);border-top:solid;border-color:var(--color-primary);padding:min(30px,5%)}#footer p{color:var(--color-primary);justify-self:center;font-size:clamp(1em,4vw,1.5em);margin:0}.gradient-wrapper{font-size:clamp(2em,20vw,5em);font-weight:700;position:relative;display:inline-block}.gradient-text,.gradient-text:after{background:linear-gradient(90deg,#ff974e,#ff70a1);-webkit-background-clip:text;color:transparent;display:inline}.layer{position:absolute;right:0;width:var(--lights-width)}.layer1{bottom:50px}.layer2{bottom:150px}.layer3{bottom:250px}.body{stroke:none;fill-rule:evenodd;fill-opacity:1}.body1{fill:var(--background)}.body2{fill:var(--background-light)}.body3{fill:var(--background-lighter)}.lights{stroke:none;fill-rule:evenodd;fill-opacity:1}.lights1{fill:var(--lights1)}.lights2{fill:var(--lights2)}.lights3{fill:var(--lights3)}.landing-text{position:absolute;width:80vw;margin:50px;top:300px}.orbit-container{display:flex;flex-direction:column;gap:1000px;position:absolute;top:325px;right:250px;width:20%;transition:transform 1s ease;transform-origin:center center}.dark .orbit-container{transform:rotate(180deg);z-index:1}.sun{width:125%}@media (max-width: 1400px){.moon{right:clamp(10px,10vw,250px)}}span{color:var(--color-primary)}.highlight-box,.highlight-box-reverse{display:flex;margin:32px 0}:is(.highlight-box,.highlight-box-reverse) p{margin:12px 0}.highlight-box-reverse{flex-direction:row-reverse}.highlight-box-reverse h3{text-align:right}.highlight-box-reverse span,.highlight-box-reverse .button-container{align-self:flex-end}.highlight-items{display:flex;flex-direction:column;margin:50px 20px}.highlight-button{width:fit-content;border-radius:8px;background-color:var(--color-primary);font-size:1em;font-weight:500;padding:6px 16px;text-decoration:none;color:var(--text-complement);display:inline-flex;align-items:center}.highlight-button:hover{background-color:var(--button-hover);cursor:pointer}.button-container{display:flex;flex-direction:row;gap:8px}.more-button{color:var(--color-secondary);background-color:transparent;border:solid;border-color:var(--color-secondary);border-width:1px;align-self:center;width:fit-content;cursor:pointer;padding:8px 20px;border-radius:24px;font-size:1.5em}.more-button:hover{background-color:var(--color-secondary);color:var(--background)}.project-grid{display:flex;flex-direction:row;justify-content:space-evenly;padding:10px}.project-card{width:400px;height:520px;background-color:var(--background);display:flex;flex-direction:column}.project-card h4{text-align:center;margin:20px 0}.project-card p{margin:0 30px}.project-card img{width:90%;align-self:center;margin:25px;border:var(--color-secondary);border:solid}.back-link{text-decoration:none;font-size:1.5em;color:var(--color-secondary);position:relative;display:inline-flex;align-items:center;gap:5px}#logo{fill:var(--background);margin:24px}.logo-path-9{stroke-dasharray:792;stroke-dashoffset:792;stroke:var(--text);stroke-linecap:square;stroke-width:3;animation:line-anim 2s ease forwards}.logo-path-8{stroke-dasharray:339;stroke-dashoffset:339;stroke:var(--text);stroke-linecap:square;stroke-width:3;animation:line-anim 2s ease forwards}.logo-path-7{stroke-dasharray:436;stroke-dashoffset:436;stroke:var(--text);stroke-linecap:square;stroke-width:3;animation:line-anim 2s ease forwards}.logo-path-6{stroke-dasharray:792;stroke-dashoffset:792;stroke:var(--text);stroke-linecap:square;stroke-width:3;animation:line-anim 2s ease forwards}.logo-path-5{stroke-dasharray:558;stroke-dashoffset:558;stroke:var(--text);stroke-linecap:square;stroke-width:3;animation:line-anim 2s ease forwards}.logo-path-4{stroke-dasharray:491;stroke-dashoffset:491;stroke:var(--text);stroke-linecap:square;stroke-width:3;animation:line-anim 2s ease forwards}.logo-path-3{stroke-dasharray:776;stroke-dashoffset:776;stroke:var(--text);stroke-linecap:square;stroke-width:3;animation:line-anim 2s ease forwards}.logo-path-2{stroke-dasharray:792;stroke-dashoffset:792;stroke:var(--text);stroke-linecap:square;stroke-width:3;animation:line-anim 2s ease forwards}.logo-path-1{stroke-dasharray:636;stroke-dashoffset:636;stroke:var(--text);stroke-linecap:square;stroke-width:3;animation:line-anim 2s ease forwards}@keyframes line-anim{to{stroke-dashoffset:0}}
