.hero{width:100%;height:100vh;background:#0b132b;background:linear-gradient(to bottom, rgb(11, 19, 43) 0%, rgb(28, 37, 65) 51%, rgba(58, 80, 107, 0.99) 100%);display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:0 clamp(1rem,-2.257rem + 13.897vw,10.25rem)}.hero h1{font-family:"Quicksand",sans-serif;font-weight:700;font-style:normal;font-size:normal;font-size:clamp(4.5rem,3.409rem + 5.455vw,7.5rem);color:#f2efea}.hero p{font-family:"Quicksand",sans-serif;font-weight:500;font-style:normal;font-size:normal;font-size:clamp(1.13rem,.807rem + 1.591vw,2rem);color:#f2efea}@media screen and (width >= 768px){.hero{align-items:center;text-align:center}}header{position:absolute;top:0;left:0;right:0;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;color:#fff}header p{color:#f2efea;font-family:"Quicksand",sans-serif;font-weight:400;font-style:normal;font-size:normal;font-size:clamp(24px,-0.408rem + 6.009vw,48px)}header p span{font-weight:700}header .projects-link{color:#f2efea;text-decoration:none;font-family:"Quicksand",sans-serif;font-weight:700;font-style:normal;font-size:normal;font-size:clamp(24px,-0.408rem + 6.009vw,48px);background:linear-gradient(90deg, #f2efea 50%, #fc440f);background-size:200% 100%;background-position:0% 0%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);transition:all .3s ease-in-out}header .projects-link:hover{background-position:100% 0%}.projects-wrapper{background:#0b132b;background:linear-gradient(125deg, rgb(11, 19, 43) 0%, rgb(28, 37, 65) 51%, rgba(58, 80, 107, 0.99) 100%);padding:1rem;border-radius:8px}.projects-wrapper .project-container{display:flex;flex-direction:column;gap:1rem}.projects-wrapper .project-container img{border-radius:8px}.projects-wrapper .project-container .project-copy{color:#f2efea;display:flex;flex-direction:column;gap:1rem}.projects-wrapper .project-container .project-copy h2{font-family:"Quicksand",sans-serif;font-weight:700;font-style:normal;font-size:36px}.projects-wrapper .project-container .project-copy p{font-family:"Quicksand",sans-serif;font-weight:400;font-style:normal;font-size:20px}.projects-wrapper .project-container .project-copy .project-links{display:flex;flex-direction:row;align-items:center;gap:1rem}.projects-wrapper .project-container .project-copy .project-links a{text-decoration:none;font-family:"Quicksand",sans-serif;font-weight:600;font-style:normal;font-size:20px;color:#f2efea;background:linear-gradient(90deg, #f2efea 50%, #fc440f);background-size:200% 100%;background-position:0% 0%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);transition:all .3s ease-in-out}.projects-wrapper .project-container .project-copy .project-links a:hover{background-position:100% 0%}.projects-wrapper .project-container .tech-used ul{display:flex;flex-direction:row;align-items:center;padding:0;list-style-type:none;gap:12px}.projects-wrapper .project-container .tech-used ul li{font-family:"Quicksand",sans-serif;font-weight:700;font-style:normal}.tech-used .tech_tsx{color:#007acc}.tech-used .tech_tailwind{color:#22d3ee}.tech-used .tech_html{color:orange}.tech-used .tech_css{color:#639}.tech-used .tech_sass{color:#c69}.tech-used .tech_js{color:#f0db4f}footer{background:#0b132b;background:linear-gradient(125deg, rgb(11, 19, 43) 0%, rgb(28, 37, 65) 51%, rgba(58, 80, 107, 0.99) 100%);padding:1rem;display:flex;justify-content:center}@media screen and (width >= 1024px){footer{justify-content:end}}footer .footer-links a{color:#f2efea;text-decoration:none;font-family:"Quicksand",sans-serif;font-weight:700;font-style:normal;font-size:20px;background:linear-gradient(90deg, #f2efea 50%, #fc440f);background-size:200% 100%;background-position:0% 0%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);transition:all .3s ease-in-out}footer .footer-links a:hover{background-position:100% 0%}footer .footer-links a:first-child{margin-right:12px}main{position:relative;padding:clamp(1rem,-0.408rem + 6.009vw,5rem) clamp(1rem,-0.056rem + 4.507vw,4rem);display:flex;flex-direction:column;gap:2rem}@media screen and (width >= 768px){main{--grid-max-column-count: 3;--grid-min-col-size: 300px;--grid-gap: 2rem;--grid-cols-size-calc: calc( 100% - var(--grid-gap) * var(--grid-max-column-count) ) / var(--grid-max-column-count);--grid-col-min-size-calc: min( 100%, max(var(--grid-min-col-size), var(--grid-cols-size-calc)) );display:grid;gap:var(--grid-gap);grid-template-columns:repeat(auto-fit, minmax(var(--grid-col-min-size-calc), 1fr))}}html{scroll-behavior:smooth}