@font-face{font-family:geistSans;src:url(../media/GeistVF-s.p.04dvp7dj03si8.woff)format("woff");font-display:swap;font-weight:100 900}@font-face{font-family:geistSans Fallback;src:local(Arial);ascent-override:85.83%;descent-override:20.52%;line-gap-override:9.33%;size-adjust:107.19%}.geistsans_47a3c9f1-module__2HyNMa__className{font-family:geistSans,geistSans Fallback}.geistsans_47a3c9f1-module__2HyNMa__variable{--font-geist-sans:"geistSans", "geistSans Fallback"}
@font-face{font-family:geistMono;src:url(../media/GeistMonoVF-s.p.0ifhplp~93ddj.woff)format("woff");font-display:swap;font-weight:100 900}@font-face{font-family:geistMono Fallback;src:local(Arial);ascent-override:69.97%;descent-override:16.73%;line-gap-override:7.61%;size-adjust:131.49%}.geistmono_cfbefb1d-module__tUxLBG__className{font-family:geistMono,geistMono Fallback}.geistmono_cfbefb1d-module__tUxLBG__variable{--font-geist-mono:"geistMono", "geistMono Fallback"}
*{box-sizing:border-box;margin:0;padding:0}body{color:#dadadb;background-color:#000c;width:900px;margin:0 auto;padding:0;font-family:sans-serif;font-size:16px;line-height:1.5}@media screen and (max-width:768px){body{width:100%;padding:0 2rem}}a{color:#dadadb;text-decoration:none}li{list-style:none}.nav-container{justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.nav-container .logo{font-size:1.5rem;font-weight:700}.lang-selector{align-items:center;gap:10px;font-family:inherit;display:flex}.lang-option{color:#888;cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;font-weight:500;transition:all .3s}.lang-option.active{color:#fff;font-weight:700}.lang-option:hover{color:#ccc}.separator{vertical-align:middle;background-color:#666;width:2px;height:14px;margin:0 5px;display:inline-block}hr{background-color:#9b9c9d;border:none;width:80%;height:1px;margin:0 auto}@media screen and (max-width:768px){hr{width:100%}}.footer-container{justify-content:space-around;align-items:center;padding:2rem 0;display:flex}.footer-container p{color:#9b9c9d;font-size:.8rem}.footer-container .social_icons{justify-content:space-between;align-items:center;gap:0 1rem;display:flex}.footer-container .social_icons a{color:#9b9c9d;font-size:1.5rem;transition:all .5s ease-in-out}.footer-container .social_icons a:hover{color:#dadadb}.hero-container{flex-direction:column;justify-content:center;align-items:center;height:90vh;padding:2rem 0;display:flex}.hero-container .profile-img{object-fit:cover;border-radius:50%;width:200px;height:200px;margin:0 auto}.hero-container .hero-text{text-align:center;width:80%;margin:1rem 0}@media screen and (max-width:768px){.hero-container .hero-text{width:100%}}.hero-container .hero-text h2{margin-bottom:1rem;font-size:2.2rem;font-weight:600}.hero-container .hero-text p{margin-bottom:1rem;font-size:1.2rem;font-weight:400}.hero-container .social-icons{justify-content:center;align-items:center;gap:0 1rem;display:flex}.hero-container .social-icons a{color:#9b9c9d;font-size:1.5rem;transition:all .5s ease-in-out}.hero-container .social-icons a:hover{color:#dadadb}.about-container{padding:2rem 0}.about-container h2{margin-bottom:1rem;font-size:2rem;font-weight:600}.about-container .flex-about{justify-content:space-between;align-items:center;gap:0 2rem;display:flex}.about-container .flex-about .about-text{width:50%}.about-container .flex-about .about-text p{margin-bottom:1rem;font-size:1rem;font-weight:400}.about-container .flex-about .about-img{width:50%}.about-container .flex-about .about-img .profile-img{object-fit:cover;filter:grayscale();cursor:cell;border:2px solid #dadadb;width:100%;height:500px;transition:all .5s ease-in-out;overflow:hidden}.about-container .flex-about .about-img .profile-img:hover{filter:grayscale(0%);transform:scale(1.02)}@media screen and (max-width:768px){.about-container .flex-about{flex-direction:column}.about-container .flex-about .about-text,.about-container .flex-about .about-img{width:100%}}.skills-container{padding:2rem 0}.skills-container h2{margin-bottom:1rem;font-size:2rem;font-weight:600}.skills-container .grid-skills{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}@media screen and (max-width:768px){.skills-container .grid-skills{grid-template-columns:repeat(2,1fr)}}.skills-container .grid-skills .skill-card{color:#1d1e20;cursor:context-menu;background-color:#dadadb;border-radius:10px;justify-content:center;align-items:center;gap:0 1rem;padding:1rem;transition:all .5s ease-in-out;display:flex;box-shadow:0 0 10px #0003}.skills-container .grid-skills i{font-size:1.5rem}.skills-container .grid-skills .rails:hover{background-color:#e34f26}.skills-container .grid-skills .laravel:hover{background-color:purple}.skills-container .grid-skills .ts:hover{background-color:#264de4}.skills-container .grid-skills .cpp:hover{background-color:#3776ab}.skills-container .grid-skills .go:hover,.skills-container .grid-skills .docker:hover{background-color:#61dafb}.skills-container .grid-skills .next:hover{background-color:gray}.skills-container .grid-skills .python:hover{background-color:#3776ab}.projects-container{padding:2rem 0}.projects-container h2{margin-bottom:1rem;font-size:2rem;font-weight:600}.projects-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media screen and (max-width:768px){.projects-grid{grid-template-columns:repeat(1,1fr)}}.project-card{border:1px solid #e6e6e6;border-radius:5px;padding:20px}.project-card .project-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.project-card .folder-icon{color:#ffcc17;font-size:35px}.project-header .small-icons{gap:0 5px;display:flex}.project-card .small-icons a{cursor:pointer;margin-right:5px;transition:all .5s}.project-card .small-icons a:hover{color:#ffcc17}.project-card .project h3{margin-bottom:10px;font-size:20px}.project-card .project p{color:#b3b3b3;margin-bottom:10px;font-size:16px}.contact-container{flex-direction:column;justify-content:center;align-items:center;width:80%;margin:0 auto;padding:2rem 0 4rem;display:flex}@media screen and (max-width:768px){.contact-container{width:100%}}.contact-container h2{margin-bottom:1rem;font-size:2rem;font-weight:600}.contact-container p{text-align:center;margin-bottom:1rem;font-size:1rem;font-weight:400}.cta-btn{color:#1d1e20;cursor:pointer;background-color:#ffcc1a;border-radius:5px;padding:.5rem 1rem;font-size:1rem;font-weight:600;transition:all .5s ease-in-out;display:inline-block}.cta-btn:hover{background-color:#dadadb}