@import'https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap" rel="stylesheets';*{box-sizing:border-box;margin:0;padding:0}:root{--body-bg: #1b2d53;--secondary: #6281dc;--btn-bg: #4b608f;--header-text: #f4ede9;--body-text: #f4ede9;--headings: #f4ede9;--primary: #6281dc;--proj-name: #e0bacf;--primary-shadow: #021948;--secondary-shadow: #9e4770;--white: #1b2d53;font-family:DM-sans,sans-serif;text-align:center;scroll-behavior:smooth}body{background-color:var(--body-bg)}main{display:flex;flex-direction:column;align-items:center;padding:6rem 1rem 3rem;background-color:var(--white);margin-inline:1rem}section{display:flex;flex-direction:column;align-items:center;max-width:470px;margin-bottom:3.5rem}section:last-of-type{margin-bottom:0}h1{font-weight:400;font-size:2.4rem;line-height:1;margin-bottom:1rem;color:var(--headings)}h2{font-weight:400;margin-bottom:1rem;color:var(--headings)}h3{font-weight:400;margin-bottom:.5rem;font-size:1.3rem;color:var(--proj-name)}li{list-style:none}a{text-decoration:none;color:inherit}img{display:block;width:100%;height:auto}.section-square{rotate:10deg}.hero p:last-of-type,.about p:last-of-type{margin-bottom:1.5rem}.btn{padding:.5rem 1rem;border-radius:5px;color:var(--header-text);background-color:var(--btn-bg);box-shadow:0 2px var(--secondary-shadow);transition:background-color .3s ease;margin-bottom:2.3rem}.btn:hover{background-color:var(--secondary-shadow)}.divider{position:relative;margin-bottom:5.5rem}.divider-icon{width:50px;height:50px;position:absolute;top:100%;margin-top:1rem;left:50%;margin-left:-25px;cursor:pointer;transform:rotate(360deg);transition:transform .4s ease-out}.divider-icon:hover{animation:spin-divider 1s linear infinite}@keyframes spin-divider{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.body-text,.about p,.project p{font-family:Open Sans,sans-serif;font-size:1rem;line-height:2;color:var(--body-text)}header{position:fixed;top:0;left:0;z-index:500;display:flex;justify-content:space-between;align-items:center;padding-block:.3rem;padding-inline:1rem;color:var(--header-text);background-color:#6281dc8c;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border-bottom:1px solid rgba(255,255,255,.15);width:100%}header .logo-link{display:flex;align-items:center;min-width:fit-content;z-index:999}header .logo{height:48px;width:auto;filter:drop-shadow(0 0 2px rgba(255,255,255,.9)) drop-shadow(0 0 6px rgba(255,255,255,.5))}header button{cursor:pointer;height:24px;width:24px;background:none;border:none;fill:var(--header-text);transition:fill .3s ease;z-index:100}header button:hover{fill:var(--secondary)}.hero .image{display:flex;justify-content:center;margin-bottom:3rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero .image:after{content:"";position:absolute;rotate:10deg;position:relative;width:200px;height:200px;background-color:var(--secondary);animation:fadeIn 2s ease-in-out;opacity:1}.hero .image img{position:absolute;z-index:10;width:200px;background-color:var(--body-bg);animation:fadeIn 2s ease-in-out}.hero p{font-size:1.2rem;color:var(--secondary)}.hero p:last-of-type{font-size:.9rem}.about p{margin-bottom:1rem}.project{margin-bottom:4rem;padding:1.5rem;border:1px solid rgba(255,255,255,.12);border-radius:12px;background-color:#ffffff08;opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease,border-color .25s ease,box-shadow .25s ease}.project.in-view{opacity:1;transform:translateY(0)}.project:last-of-type{margin-bottom:0}.project:hover{transform:scale(1.03);border-color:#ffffff4d;box-shadow:0 8px 20px #00000040}@media (prefers-reduced-motion: reduce){.project{opacity:1;transform:none;transition:none}}.project .image{width:100%;height:auto;margin-bottom:.9rem;aspect-ratio:16/9;border-radius:4px;overflow:hidden}.project .content{display:flex;flex-direction:column;gap:.6rem;text-align:left}.project .content ul{display:flex;gap:.5rem}.project .content ul li{padding:.4rem .7rem;border-radius:10px;font-size:.9rem;color:var(--header-text);background-color:var(--primary);box-shadow:0 1px var(--primary-shadow)}.project .content p{margin-bottom:1rem;font-size:1rem;line-height:1.5}.project .content div{display:flex;gap:.3rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;max-width:90%;max-height:90%;overflow:auto}.modal-content img{width:100%;height:auto}.close{position:absolute;top:10px;right:20px;cursor:pointer;color:#fff;font-size:24px}.contact p{margin-bottom:.5rem;font-size:.9rem;color:var(--primary)}.socials-container{display:flex;gap:1rem}.socials-container svg{width:20px;height:20px;fill:var(--secondary);transition:transform .3s ease,fill .3s ease}.socials-container svg:hover{transform:scale(1.2);fill:var(--secondary-shadow)}.contact-brand{width:200px;height:auto;margin-top:1.5rem}footer{padding-block:1.1rem;font-size:.9rem;color:var(--header-text);background-color:var(--primary)}.nav{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;padding-top:6rem;font-size:1.8rem;background-color:#1b2d53e0;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);transform:translateY(-120%);transition:transform .3s ease}.nav.open{transform:translate(0)}.nav ul{display:flex;flex-direction:column;align-items:center;gap:.75rem}.nav ul li a{display:inline-block;padding:.4rem 1.5rem;border-radius:999px;border:1px solid rgba(255,255,255,.15);background-color:#ffffff08;transition:color .3s ease,border-color .3s ease,background-color .3s ease}.nav ul li a:hover,.nav ul li a.active{color:var(--secondary-shadow);border-color:#ffffff4d;background-color:#ffffff14}@media (min-width: 1024px){header button{display:none}.nav{position:static;width:auto;height:auto;display:flex;justify-content:flex-end;padding-top:0;font-size:1.5rem;background-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transform:translateY(0);padding-block:0}.nav ul{display:flex;flex-direction:row;gap:3rem}.nav ul li a{padding:0;border:none;background-color:transparent}.nav ul li a:hover,.nav ul li a.active{border-color:transparent;background-color:transparent}.hero{flex-direction:row-reverse;justify-content:space-between;text-align:left}.project{display:flex;gap:2rem;align-items:center;text-align:left;margin-bottom:4rem}.project div{flex-basis:50%}.socials-container{gap:2rem}.socials-container svg{width:35px;height:35px}header,main,footer{margin-inline:auto;padding-inline:3rem}main{margin:auto;padding-top:6rem;padding-bottom:2rem}section{width:100%;max-width:100%;margin-bottom:6.5rem}#contact{margin-bottom:2.5rem}.section-square{margin-bottom:6rem}.about p{margin-bottom:2rem}.project .content{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.contact p{margin-bottom:1rem}footer{padding-block:1.5rem}h1{font-size:4rem}h2{margin-bottom:2rem;font-size:2.5rem}h3,.hero p{font-size:1.5rem}.body-text,.about p,.project p{font-size:1.25rem}header{font-size:1.15rem}.project .content p,.hero p:last-of-type,.contact p,footer{font-size:1rem}}