@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Roboto:wght@400;700&display=swap";header #logo{width:5rem}header{position:fixed;top:0;left:0;background-color:#040720;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;z-index:999}#border{display:none;height:8px;width:40px;border-radius:10px;background-color:#fff;margin-inline:auto}header nav ul{display:flex;gap:1.5em}#myNav ul li{list-style:none;transition:all .3s ease-in-out}.nav-link:after{display:block;content:"";border-bottom:solid 3px rgba(0,150,199,1);transform:scaleX(0);transition:transform .25s ease-in-out;padding:0 0 1em}a:hover:after{transform:scaleX(1)}header nav ul li a{text-decoration:none;color:#fff;font-size:1rem;letter-spacing:.2em}#myNav ul li:hover{scale:1.1;transition:all .3s ease-in-out}.toggle-button{display:none}@media screen and (max-width: 800px){header nav{position:absolute;top:-535px;text-align:center;background-color:#0000;width:80%;height:80vh;transition:.5s ease-in-out}.toggle-button{display:block}header nav ul{position:relative;flex-direction:column;background-color:#000;padding:2em;border-bottom-left-radius:16px;border-bottom-right-radius:16px}header nav ul li{padding:1.5em 0}#border{display:block}}hr{background-color:#0096c7;border:none;height:4px}.hero{height:100dvh;display:flex;flex-wrap:wrap-reverse;justify-content:center;padding:3em;margin-top:2rem;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='192'%20height='192'%20viewBox='0%200%20192%20192'%3e%3cpath%20fill='%23000000'%20fill-opacity='0.14'%20d='M192%2015v2a11%2011%200%200%200-11%2011c0%201.94%201.16%204.75%202.53%206.11l2.36%202.36a6.93%206.93%200%200%201%201.22%207.56l-.43.84a8.08%208.08%200%200%201-6.66%204.13H145v35.02a6.1%206.1%200%200%200%203.03%204.87l.84.43c1.58.79%204%20.4%205.24-.85l2.36-2.36a12.04%2012.04%200%200%201%207.51-3.11%2013%2013%200%201%201%20.02%2026%2012%2012%200%200%201-7.53-3.11l-2.36-2.36a4.93%204.93%200%200%200-5.24-.85l-.84.43a6.1%206.1%200%200%200-3.03%204.87V143h35.02a8.08%208.08%200%200%201%206.66%204.13l.43.84a6.91%206.91%200%200%201-1.22%207.56l-2.36%202.36A10.06%2010.06%200%200%200%20181%20164a11%2011%200%200%200%2011%2011v2a13%2013%200%200%201-13-13%2012%2012%200%200%201%203.11-7.53l2.36-2.36a4.93%204.93%200%200%200%20.85-5.24l-.43-.84a6.1%206.1%200%200%200-4.87-3.03H145v35.02a8.08%208.08%200%200%201-4.13%206.66l-.84.43a6.91%206.91%200%200%201-7.56-1.22l-2.36-2.36A10.06%2010.06%200%200%200%20124%20181a11%2011%200%200%200-11%2011h-2a13%2013%200%200%201%2013-13c2.47%200%205.79%201.37%207.53%203.11l2.36%202.36a4.94%204.94%200%200%200%205.24.85l.84-.43a6.1%206.1%200%200%200%203.03-4.87V145h-35.02a8.08%208.08%200%200%201-6.66-4.13l-.43-.84a6.91%206.91%200%200%201%201.22-7.56l2.36-2.36A10.06%2010.06%200%200%200%20107%20124a11%2011%200%200%200-22%200c0%201.94%201.16%204.75%202.53%206.11l2.36%202.36a6.93%206.93%200%200%201%201.22%207.56l-.43.84a8.08%208.08%200%200%201-6.66%204.13H49v35.02a6.1%206.1%200%200%200%203.03%204.87l.84.43c1.58.79%204%20.4%205.24-.85l2.36-2.36a12.04%2012.04%200%200%201%207.51-3.11A13%2013%200%200%201%2081%20192h-2a11%2011%200%200%200-11-11c-1.94%200-4.75%201.16-6.11%202.53l-2.36%202.36a6.93%206.93%200%200%201-7.56%201.22l-.84-.43a8.08%208.08%200%200%201-4.13-6.66V145H11.98a6.1%206.1%200%200%200-4.87%203.03l-.43.84c-.79%201.58-.4%204%20.85%205.24l2.36%202.36a12.04%2012.04%200%200%201%203.11%207.51A13%2013%200%200%201%200%20177v-2a11%2011%200%200%200%2011-11c0-1.94-1.16-4.75-2.53-6.11l-2.36-2.36a6.93%206.93%200%200%201-1.22-7.56l.43-.84a8.08%208.08%200%200%201%206.66-4.13H47v-35.02a6.1%206.1%200%200%200-3.03-4.87l-.84-.43c-1.59-.8-4-.4-5.24.85l-2.36%202.36A12%2012%200%200%201%2028%20109a13%2013%200%201%201%200-26c2.47%200%205.79%201.37%207.53%203.11l2.36%202.36a4.94%204.94%200%200%200%205.24.85l.84-.43A6.1%206.1%200%200%200%2047%2084.02V49H11.98a8.08%208.08%200%200%201-6.66-4.13l-.43-.84a6.91%206.91%200%200%201%201.22-7.56l2.36-2.36A10.06%2010.06%200%200%200%2011%2028%2011%2011%200%200%200%200%2017v-2a13%2013%200%200%201%2013%2013c0%202.47-1.37%205.79-3.11%207.53l-2.36%202.36a4.94%204.94%200%200%200-.85%205.24l.43.84A6.1%206.1%200%200%200%2011.98%2047H47V11.98a8.08%208.08%200%200%201%204.13-6.66l.84-.43a6.91%206.91%200%200%201%207.56%201.22l2.36%202.36A10.06%2010.06%200%200%200%2068%2011%2011%2011%200%200%200%2079%200h2a13%2013%200%200%201-13%2013%2012%2012%200%200%201-7.53-3.11l-2.36-2.36a4.93%204.93%200%200%200-5.24-.85l-.84.43A6.1%206.1%200%200%200%2049%2011.98V47h35.02a8.08%208.08%200%200%201%206.66%204.13l.43.84a6.91%206.91%200%200%201-1.22%207.56l-2.36%202.36A10.06%2010.06%200%200%200%2085%2068a11%2011%200%200%200%2022%200c0-1.94-1.16-4.75-2.53-6.11l-2.36-2.36a6.93%206.93%200%200%201-1.22-7.56l.43-.84a8.08%208.08%200%200%201%206.66-4.13H143V11.98a6.1%206.1%200%200%200-3.03-4.87l-.84-.43c-1.59-.8-4-.4-5.24.85l-2.36%202.36A12%2012%200%200%201%20124%2013a13%2013%200%200%201-13-13h2a11%2011%200%200%200%2011%2011c1.94%200%204.75-1.16%206.11-2.53l2.36-2.36a6.93%206.93%200%200%201%207.56-1.22l.84.43a8.08%208.08%200%200%201%204.13%206.66V47h35.02a6.1%206.1%200%200%200%204.87-3.03l.43-.84c.8-1.59.4-4-.85-5.24l-2.36-2.36A12%2012%200%200%201%20179%2028a13%2013%200%200%201%2013-13zM84.02%20143a6.1%206.1%200%200%200%204.87-3.03l.43-.84c.8-1.59.4-4-.85-5.24l-2.36-2.36A12%2012%200%200%201%2083%20124a13%2013%200%201%201%2026%200c0%202.47-1.37%205.79-3.11%207.53l-2.36%202.36a4.94%204.94%200%200%200-.85%205.24l.43.84a6.1%206.1%200%200%200%204.87%203.03H143v-35.02a8.08%208.08%200%200%201%204.13-6.66l.84-.43a6.91%206.91%200%200%201%207.56%201.22l2.36%202.36A10.06%2010.06%200%200%200%20164%20107a11%2011%200%200%200%200-22c-1.94%200-4.75%201.16-6.11%202.53l-2.36%202.36a6.93%206.93%200%200%201-7.56%201.22l-.84-.43a8.08%208.08%200%200%201-4.13-6.66V49h-35.02a6.1%206.1%200%200%200-4.87%203.03l-.43.84c-.79%201.58-.4%204%20.85%205.24l2.36%202.36a12.04%2012.04%200%200%201%203.11%207.51A13%2013%200%201%201%2083%2068a12%2012%200%200%201%203.11-7.53l2.36-2.36a4.93%204.93%200%200%200%20.85-5.24l-.43-.84A6.1%206.1%200%200%200%2084.02%2049H49v35.02a8.08%208.08%200%200%201-4.13%206.66l-.84.43a6.91%206.91%200%200%201-7.56-1.22l-2.36-2.36A10.06%2010.06%200%200%200%2028%2085a11%2011%200%200%200%200%2022c1.94%200%204.75-1.16%206.11-2.53l2.36-2.36a6.93%206.93%200%200%201%207.56-1.22l.84.43a8.08%208.08%200%200%201%204.13%206.66V143h35.02z'%3e%3c/path%3e%3c/svg%3e")}.hero-text{display:flex;flex-direction:column;justify-content:center;gap:1em;max-width:700px}.hero-text h2{font-size:2em;line-height:1.2}.hero-text h2 span{background:linear-gradient(90deg,#0096c7,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-text p{font-size:1.2em;line-height:1.5}.hero-text a{text-decoration:none;color:#fff;background:linear-gradient(90deg,#0096c7,#0096c700);padding:1em 2em;text-align:center;border-radius:.5em;font-size:.875em;transition:background .5s ease-in-out}.hero-text a:hover{background:linear-gradient(90deg,#0096c7,#0096c700);background-size:200% 200%;background-position:right}.hero-img{display:flex;align-content:center}.hero-img img{max-width:700px}.about{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2em;padding:3em;position:relative;z-index:-1}.about-text{display:flex;flex-direction:column;justify-content:center;gap:1em}.about-text p{font-size:1.2em;line-height:1.5}.blocks{display:grid;grid-template-columns:repeat(4,1fr);gap:1em;max-width:500px}.block{text-align:center;padding:.5em;background-color:#1e1e1e;border-radius:10px;transition:.5s ease-in-out}.block:hover{background-color:#2e2e2e}.about-buttons{display:flex;gap:1em}.about-buttons button{background:linear-gradient(90deg,#0096c7,#0096c700);padding:1em 2em;border-radius:.5em;font-size:.875em;transition:.5s ease-in-out;border:none;color:#fff;cursor:pointer}.about-buttons button:hover{background:linear-gradient(90deg,#0096c7,#0096c700);background-size:200% 200%;background-position:right}.about-image{display:flex;justify-content:center;align-items:center}.about-image img{max-width:400px;width:100%;height:auto;transform:scaleX(-1)}.services{padding:3em;z-index:99}.services h1{margin-bottom:2em}.cards{display:flex;justify-content:space-between;gap:4em;transition:.5s ease-in-out}.service-card{flex-shrink:0;background-color:#0d0e1c;max-width:345px;padding:1em;width:100%;border-radius:28px;box-shadow:9px 24px 12px 6px #00000040}.service-card[aria-selected=true]{background-color:#0077b6}.projects{padding:3em;z-index:99}h4{font-weight:400;margin-bottom:2em}.projects h1{margin-bottom:2em}.projects-cards{display:flex;gap:4em;transition:.5s ease-in-out}.card{flex-shrink:0;background-color:#0d0e1c;max-width:345px;padding:1em;border-radius:28px;box-shadow:9px 24px 12px 6px #00000040;cursor:pointer;transition:.5s ease-in-out}.card:hover{transform:scale(1.02);background-color:#0077b6;box-shadow:9px 24px 24px 6px rgba (0,0,0,.75),inset 9 px 24px 12px 6px #ffffff40}.card h4{font-size:1.5rem;margin-top:.5rem;margin-bottom:1em}.card h4 a{text-decoration:none;color:#fff;transition:.3s ease-in-out}.card h4 a:hover{text-decoration:underline;transition:.3s ease-in-out}.card[aria-selected=true]{background-color:#0077b6}.slider-control{display:flex;justify-content:center;gap:1em;margin-top:2em}.circle{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,150,199,1);opacity:.5;cursor:pointer;transition:opacity .3s ease-in-out}.circle.selected{background-color:#0096c7}.my-resume{padding:3em}.content{display:flex;gap:5em}.container h3{margin-bottom:1em}.vertical-slider{height:200px;overflow-y:scroll;scroll-snap-type:y mandatory;position:relative;-ms-overflow-style:none;scrollbar-width:none}.vertical-slider::-webkit-scrollbar{display:none}.slider-content{display:flex;flex-direction:column;gap:4em}.title-card{scroll-snap-align:start;display:flex;gap:2em;align-items:flex-start}.year{background-color:transparent;border-color:#0096c7;padding:.5em;border-radius:10px;position:relative;width:109px;transition:.5s ease-in-out}.year.current{background-color:#0096c7;padding:.5em;border-radius:10px;position:relative;width:109px}.line{width:2px;height:100%;background-color:#fff;position:absolute;left:125px}.circle.slider-snap{position:absolute;background-color:#040720;border-color:#fff;opacity:1;right:-22px;top:14px;transition:.5s ease-in-out}.circle.slider-snap.current{background-color:#0096c7;border-color:transparent}#contact{padding:3em;display:flex;flex-direction:column;align-items:center}#contact-form{background-color:#0d0e1c;padding:2em;border-radius:10px;max-width:800px;width:100%}.form-field{text-align:initial;display:flex;flex-direction:column;gap:.5em}input,textarea{padding:.5em;border-radius:10px;background-color:#000;border:none;color:#fff;font-size:1em}textarea{resize:none}::placeholder{color:#fff3;opacity:1;font-family:Roboto,sans-serif;font-style:italic}:-ms-input-placeholder{color:#fff3;opacity:1;font-family:Roboto,sans-serif;font-style:italic}form button{margin-top:1em;border:1px solid rgba(0,150,199,1);background-color:#0096c7;color:#fff;cursor:pointer;padding:.5em 2em;font-size:1em;border-radius:10px;transition:all .3s ease-in-out}form button:hover{background-color:#0088b200;color:#0096c7}.socials{margin-top:1em;display:flex;gap:1em}.socials a{color:#fff;text-decoration:none;transition:.3s ease-in-out}.socials a:hover{transform:scale(1.2)}footer{padding:2em;text-align:center;color:#fff3}::root{--color-bg-primary: 4, 7, 32, 1;--color-bg-secondary: 30, 30, 30;--color-text: 255, 255, 255;--gradient: rgba(32, 36, 67, 1);--font-primary: "Inter", sans-serif;--font-secondary: "Roboto", sans-serif;--font-size-xxs: .5rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-xxxl: 2rem;--font-size-xxxxl: 3rem}*,*:before,*:after{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth;outline:red}img,video,canvas,audio,iframe,embed,svg{display:block;max-width:100%;height:auto}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:#040720;color:#fff}.bg-black{background:#000}section h1{margin-bottom:1em;font-size:2em}section h1 span{background:linear-gradient(90deg,#0096c7,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}section h4{margin-bottom:1em}.row{max-width:1200px;overflow:hidden;margin:0 auto;padding-bottom:3em;padding-top:1em}