@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Bebas+Neue&family=Google+Sans+Code:ital,wght@0,300..800;1,300..800&family=Intel+One+Mono:ital,wght@0,300..700;1,300..700&family=Jersey+15&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--dark-navy: #0b182c;--navy: #12223d;--light-navy: #233450;--light-lime: #64ff93;--white: #e9f1fc;--bone-white: #d4ddf8;--smoke: #8992ac;--light-smoke: #acb5cf;--lighter-smoke: #d0d8f3;--google: "Google Sans Code", monospace;--mono: "Intel One Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{scroll-behavior:smooth}body{margin:0;width:100%;min-height:100vh;position:relative}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}a{font-weight:500;color:var(--smoke);text-decoration:inherit}a:hover{color:var(--white);cursor:pointer}ul,li{list-style-type:none}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;background-color:transparent;border:1px solid var(--light-lime);color:var(--light-lime)}button:hover{border-color:var(--white);color:var(--white)}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.main-content{flex:1;box-sizing:border-box;width:100%;display:flex;flex-direction:column}.container{display:flex;flex-direction:column;align-items:center;background-color:var(--dark-navy)}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:50px;border-top:1px solid var(--smoke);width:30%;margin-top:60px}@media (max-width: 1024px){.footer{width:100%;display:flex;justify-content:center}}header{top:20%;right:0;height:100vh;width:80px;position:fixed;font-family:var(--google)}.nav-scroll{display:flex;flex-direction:column;align-items:end;gap:10px;position:fixed;bottom:100px;right:150px;text-decoration:none;list-style-type:none}.nav-scroll a{font-weight:600;font-size:18px}.nav-link{display:flex;flex-direction:column;gap:20px;position:fixed;top:100px;right:150px;text-decoration:none;list-style-type:none}@media (max-width: 1024px){header{display:none}}section{min-height:100vh;display:flex;flex-direction:column;align-items:start;justify-content:center;width:100%;padding:0 200px;z-index:2}#home{gap:30px;font-family:var(--mono)}#home h1{font-size:48px}#home h2{font-size:36px;color:var(--light-smoke)}#home p{max-width:600px;color:var(--smoke)}#about{gap:30px}.content{display:grid;grid-template-columns:1fr 1fr}.content-img{display:flex;justify-content:center;align-items:center;margin:auto;height:375px;width:275px}.title-box{display:flex;flex-direction:column;gap:10px;font-family:var(--google)}.about-title h1{color:var(--light-lime)}.about-subtitle{font-weight:500;color:var(--light-smoke);font-family:var(--google)}.content-info{color:var(--smoke);font-family:var(--mono)}.technologies{max-width:600px;display:flex;flex-direction:column;gap:10px}.about-title{display:flex;justify-content:center;align-items:center}.line{margin-left:20px;width:100%;height:1px;border-bottom:1px solid #233653}.badges img{padding:0 3px}.experience-content{display:flex}.name-company{padding:30px 40px;font-family:var(--google)}.name-company li{cursor:pointer;height:66px;width:169px;transition:.1s ease-in-out;display:flex;flex-direction:column;justify-content:center}.name-company li:focus{border-right:2px solid var(--light-lime)}.info-company{padding:24px 64px;display:flex;flex-direction:column;gap:40px;max-width:800px}.info-company-title p{color:var(--light-smoke)}.info-company-title{display:flex;flex-direction:column;gap:5px;font-family:var(--google)}.info-company-content{color:var(--smoke);display:flex;flex-direction:column;gap:20px;font-family:var(--mono)}#project{gap:30px}.project-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}@media (max-width: 1554px){.project-content{display:grid;grid-template-columns:1fr 1fr;gap:20px}}@media (max-width: 1024px){section{padding:10px}.content,.experience-content{display:flex;flex-direction:column}.project-content{display:flex;flex-direction:column;gap:20px}}.light-rays-container{width:100%;height:100%;position:relative;pointer-events:none;z-index:3;overflow:hidden}.text-type{display:inline-block;white-space:pre-wrap}.text-type__cursor{margin-left:.25rem;display:inline-block;opacity:1}.text-type__cursor--hidden{display:none}.tilted-card-figure{position:relative;width:100%;height:100%;perspective:800px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tilted-card-mobile-alert{position:absolute;top:1rem;text-align:center;font-size:.875rem;display:none}@media (max-width: 640px){.tilted-card-mobile-alert{display:block}.tilted-card-caption{display:none}}.tilted-card-inner{position:relative;transform-style:preserve-3d}.tilted-card-img{position:absolute;top:0;left:0;object-fit:cover;border-radius:15px;will-change:transform;transform:translateZ(0)}.tilted-card-overlay{position:absolute;top:-20px;left:0;z-index:2;will-change:transform;transform:translateZ(30px);width:100%;text-align:center;font-family:var(--google);font-weight:500}.tilted-card-caption{pointer-events:none;position:absolute;left:0;top:0;border-radius:4px;background-color:#fff;padding:4px 10px;font-size:10px;color:#2d2d2d;opacity:0;z-index:3}.card{min-height:390px;max-width:366px;border-radius:10px;position:relative;background-color:var(--navy)}.card-info{display:flex;flex-direction:column;gap:20px;padding:20px}.card-tech{font-family:var(--mono);color:var(--smoke);font-size:14px;padding:20px}.card-title{font-family:var(--google)}.card-content{font-family:var(--mono);color:var(--light-smoke)}.card-footer{bottom:0;padding:10px;border-top:1px solid white;display:flex;justify-content:space-between;align-items:center;font-family:var(--google);color:var(--smoke)}.footer-icon{display:flex;justify-content:center;align-items:center;gap:10px}.footer-icon a{color:var(--light-lime);font-size:17px}.github-content{display:flex;justify-content:end;align-items:end;gap:20px;width:100%;padding:30px 150px 30px 30px;font-family:var(--mono)}@media (max-width: 756px){.github-content{display:none}}