*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background:#fff;font-family:Poppins,sans-serif;font-weight:500}.container{margin:0 auto;max-width:1224px;padding:7rem 1.5rem 0}@font-face{font-family:Poppins;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf)}.title{margin-bottom:3rem;text-align:center}.title h1{color:#eae7e7;font-size:7rem;font-weight:900;letter-spacing:1rem;text-transform:uppercase}.title span{color:#b087d1}.title h2{color:#000;font-family:Fira Code,monospace;font-size:3rem;position:relative}@media screen and (max-width:992px){.container{padding:7rem 1rem 0}.title span{font-size:6rem;letter-spacing:.3rem}.title h1{font-size:3rem}}@media screen and (max-width:768px){.title span{font-size:3.5rem;letter-spacing:.3rem}.title h1{font-size:2.5rem}}@media screen and (max-width:576px){.title span{font-size:2.4rem}.title h1{font-size:1.6rem}}.container .profile-pic{display:flex;justify-content:center}.container .profile-pic img{height:300px;width:300px}@media (max-width:576px){.container .profile-pic img{height:200px;width:200px}}.container .about-subtitle h3{font-family:Fira Code,monospace;font-weight:300;padding:0 50px 30px;text-align:justify}@media (max-width:576px){.container .about-subtitle h3{padding:0 20px}}.container .buttons-about{display:flex;justify-content:center;padding:0 50px 150px}@media (max-width:576px){.container .buttons-about{padding:10px 20px}}.container .buttons-about a{background:#b087d1;border-radius:10px;color:#fff;font-size:.85rem;margin:0 10px;padding:.65rem 1rem;text-decoration:none}.container .buttons-about a:hover{background-color:#3f3f3f;color:#fff;-webkit-transform:scale(1.2);transform:scale(1.2);transition:-webkit-transform .7s;transition:transform .7s;transition:transform .7s,-webkit-transform .7s}.contact_form{grid-gap:2rem;background:#fff;border-radius:15px;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-left:auto;margin-right:auto;max-width:1100px;overflow:hidden;padding:1rem}@media screen and (max-width:700px){.contact_form{grid-template-columns:1fr}}.contact_form .contact_left_container h3{font-size:1.5rem;margin-bottom:1rem}.contact_form .contact_left_container .contact_text{font-size:.85rem;margin-bottom:1rem}.contact_form .contact_left_container .contact_left{align-items:center;display:flex;margin-top:1rem}.contact_form .contact_left_container .contact_left .icon{align-items:center;background:#b087d1;border-radius:50%;color:#fff;display:flex;height:50px;justify-content:center;margin-right:1rem;width:50px}.contact_form .contact_left_container .contact_left .icon a{display:flex}.contact_form .contact_left_container .contact_left .icon a svg{font-size:22px}.contact_form .contact_left_container .contact_left .links{color:#b087d1;text-decoration:none}.contact_form .contact_left_container .contact_left .links p{font-size:.85rem}.contact_form .contact_right h3{font-size:1.5rem;margin-bottom:1rem}.contact_form .contact_right .row{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:100%}.contact_form .contact_right .row input,.contact_form .contact_right .row textarea{background:#f3f3f3;border:none;border-radius:5px;font-family:Poppins;font-size:.85rem;margin-bottom:.5rem;outline:none;padding:1rem 1.5rem}.contact_form .contact_right .row textarea{min-height:150px;resize:none}.contact_form .contact_right .btn{align-items:center;background:#b087d1;border-radius:10px;display:flex;font-size:.85rem;justify-content:center;margin-top:1rem;padding:.5rem;width:4.2rem}.contact_form .contact_right .btn input{background:#b087d1;border:none;color:#fff;cursor:pointer;text-decoration:none}.footer{align-items:center;-webkit-column-gap:2rem;column-gap:2rem;display:flex;flex-wrap:wrap;justify-content:center;margin-left:auto;margin-right:auto;margin-top:5rem;max-width:800px;padding:1rem 3rem}.footer .copyright p{font-size:.85rem}.footer .copyright p span{color:#b087d1;font-weight:800}.container-home{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0 auto;max-width:1224px;padding:0 1.5rem}.container-home .name{color:#000;font-family:Zeyada,cursive;font-size:9rem;line-height:6rem;text-align:center}@media screen and (max-width:720px){.container-home .name{font-size:6rem}}.container-home .subtitle-container{display:flex}.container-home .subtitle-container .subtitle{font-size:2.5rem;font-weight:lighter;text-align:center}@media screen and (max-width:700px){.container-home .subtitle-container .subtitle{font-size:2rem}}@media screen and (max-width:500px){.container-home .subtitle-container .subtitle{font-size:1.5rem}}.container-home .subtitle-container .subtitle span{color:#b087d1;margin-left:10px}.container-home .arrow{cursor:pointer;-webkit-filter:hue-rotate(444deg);filter:hue-rotate(444deg);height:100px;rotate:90deg;width:100px}.buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.buttons button{background:#fff;border:none;border-radius:10px;color:#000;cursor:pointer;font-family:Poppins;font-size:.85rem;margin-top:1rem;padding:.65rem 1rem;text-transform:capitalize}.buttons button.active{background:#8c12f0;color:#000}.workImages{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:5rem}@media screen and (max-width:850px){.workImages{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.workImages{grid-template-columns:1fr}}.workImages .workImage{background:#9a9898d5;height:350px;margin-left:auto;margin-right:auto;max-width:380px;position:relative}@media screen and (max-width:600px){.workImages .workImage{max-width:350px}}.workImages .workImage img{height:80%;object-fit:cover;object-position:center;width:100%}.workImages .workImage .hoverLayer{align-items:center;background:#2b2b2bd5;color:#fff;display:flex;flex-direction:column;font-family:Fira Code,monospace;gap:1.5rem;height:80%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:5}.workImages .workImage .hoverLayer h2{-webkit-user-select:none;user-select:none}.workImages .workImage .work-icons{display:flex;justify-content:center}.workImages .workImage .work-icons a{align-items:center;border-radius:50%;color:#fff;display:flex;justify-content:center;margin:10px}.workImages .workImage .work-icons a svg{font-size:1.5rem}.workImages .workImage p{padding:0 10px;-webkit-user-select:none;user-select:none}.select{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.select button{background:#fff;border:none;border-radius:10px;color:#000;cursor:pointer;font-family:Poppins;font-size:.85rem;margin-top:1rem;padding:.65rem 1rem;text-transform:capitalize}.select button.active{background:#b087d1;color:#000}.skills-description{color:#000;display:flex;font-family:Fira Code,monospace;justify-content:center;margin-bottom:3rem}.skills-description p{text-align:justify;width:70%}@media screen and (max-width:500px){.skills-description p{width:90%}}.skills-cont{align-items:center;justify-content:center}.skills,.skills-cont{display:flex;flex-direction:column}.skills{border-bottom:1px solid #000;color:#000;margin-bottom:10px;padding:20px;width:80%}@media screen and (max-width:819px){.skills{width:80%}}@media screen and (max-width:500px){.skills{width:100%}}.stack{margin:1rem;text-align:center}.container-back-version{display:flex;flex-direction:column;width:80%}@media screen and (max-width:1010px){.container-back-version .skills{width:100%}}@media screen and (max-width:500px){.container-back-version{width:100%}}.skills-grid{flex-wrap:wrap}.skills-grid,.skills-grid .tools{display:flex;justify-content:center}.skills-grid .tools{align-items:center;flex-direction:column;margin:10px 20px}@media screen and (max-width:819px){.skills-grid .tools{margin:10px 20px}}.skills-grid .tools svg{background-color:#151515;border-radius:15px;color:#fff;height:70px;padding:10px;transition:.3s ease-in-out;width:70px}.skills-grid .tools svg:hover{background-color:#fff;color:#b087d1}@media screen and (max-width:819px){.skills-grid .tools svg{height:60px;width:60px}}.skills-grid .tools p{color:#151515;font-family:Fira Code,monospace;font-weight:light}.experiences{color:blackf;margin-left:auto;margin-right:auto;max-width:500px}.experiences .experience{align-items:center;display:flex;justify-content:space-between;margin-bottom:3rem}.experiences .experience span{font-size:1.75rem;padding-left:2.5rem}@media screen and (max-width:405px){.experiences .experience span{font-size:1rem}}.experiences .experience .position{padding-left:2.5rem;width:300px}.experiences .experience .position h3{font-size:1.1rem}@media screen and (max-width:405px){.experiences .experience .position h3{font-size:.85rem}}.experiences .experience .position p{font-size:1rem;opacity:.6}@media screen and (max-width:405px){.experiences .experience .position p{font-size:.65rem}}.experiences .icons{display:flex;flex-wrap:wrap}.experiences .icons div{font-size:1.5rem;margin:0 5px}.header{left:0;position:fixed;top:0;width:100%;z-index:10}.header.active{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15)}.header .Nav_container{align-items:center;margin-left:auto;margin-right:auto;max-width:1224px;padding:1.2rem 2rem;position:relative}.header .Nav_container,.header .Nav_container .nav_options{display:flex;justify-content:space-between}.header .Nav_container .nav_options .nav_links .inactive{display:none}.header .Nav_container .options-right{align-items:center;display:flex;justify-content:center}.header .Nav_container .options-right .language_buttons{display:flex}.header .Nav_container .options-right .language_buttons button{background-color:initial;border:none;cursor:pointer;font-size:20px;margin:0 5px}@media screen and (max-width:800px){.header .Nav_container .options-right .language_buttons button{display:none}}.header .Nav_container .options-right .social_icons{display:flex}@media screen and (max-width:800px){.header .Nav_container .options-right .social_icons{display:none}}.header .Nav_container .options-right .social_icons a{margin-left:.5rem}.header .Nav_container .options-right .social_icons a svg{cursor:pointer;font-size:20px;height:100%;opacity:.6;transition:.3s;z-index:5}.header .Nav_container .options-right .social_icons a svg:hover{opacity:1}.header .Nav_container .menu{align-items:center;background:#fff;border-radius:50%;cursor:pointer;display:flex;display:none;height:35px;justify-content:center;position:relative;width:35px}@media screen and (max-width:800px){.header .Nav_container .menu{align-items:center;display:block;display:flex;justify-content:center}}.header .Nav_container .menu svg{height:70%;width:70%}.header .Nav_container .closeMenu{background:#000;border-radius:50%;height:4rem;position:fixed;right:0;top:0;width:4rem}.header .Nav_container .menuX{align-items:center;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:2rem;width:100%}.header .Nav_container .menuX svg{cursor:pointer;height:1.5rem;position:absolute;right:5rem;top:2rem;width:1.5rem}.header .Nav_container .menuX li{list-style:none;margin-top:1rem}.header .Nav_container .menuX li a{color:#fff;font-size:1.5rem;opacity:.6;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.header .Nav_container .menuX li a:hover{opacity:1}.header .Nav_container .menuX .language_buttons_mobile button{background-color:initial;border:none;font-size:20px;margin:5px}.header .nav_links{display:flex;list-style:none}.header .nav_links li{margin-left:3rem}@media screen and (max-width:800px){.header .nav_links li{display:none}}.header .nav_links li a{color:#fff;font-size:.85rem;opacity:.6;text-decoration:none;text-transform:uppercase;transition:.3s}.header .nav_links li a:hover{opacity:1}.header .nav_links li a.active{color:#000}
/*# sourceMappingURL=main.5a9f702b.css.map*/