.header-container{display:flex;z-index:200;position:sticky;top:0px;margin:0 auto;height:45px;width:100%;max-width:1366px;background-color:#a6a6a6;transition:all .3s ease-in;border-bottom:1px solid #595959;box-shadow:0 2px 9px #a6a6a6bf}.header-container.dark{border-bottom:1px solid #A6A6A6;background-color:#0d0d0d}.logo-container{width:45px;height:45px}.logo-container img{width:100%;height:100%}.header-links{display:flex;width:300px;margin:0 auto 0 50px}.header-links nav{display:flex}.header-links nav li{list-style:none;height:33px;margin-top:2px}.header-links nav li a{font-size:30px;margin:5px 20px;cursor:pointer;color:#595959;transition:all .3s ease}.header-links nav li a.dark{color:#f2f2f2}.header-links nav li a.dark:hover{color:#fff}.header-links nav li a:hover{color:#0d0d0d}.header-content{display:flex;margin:0 50px 0 0}.header-content div{margin:7px 0 0}.header-content a{margin:25px;font-size:20px;transition:all .3s ease;color:#595959;cursor:pointer}.header-content a.dark{color:#f2f2f2}.header-content a.dark:hover{padding-bottom:4px;color:#fff;border-bottom:6px solid white}.header-content a:hover{padding-bottom:4px;color:#0d0d0d;border-bottom:6px solid #0D0D0D}.select-box{display:flex;flex-direction:column;padding:5px}.language-nav,.language-button{display:flex;width:100px;height:30px;margin-right:15px;border-radius:5px;background-color:#0d0d0d;color:#f2f2f2;padding-top:5px;padding-left:5px;cursor:pointer}.language-nav.dark,.language-button.dark{background-color:#f2f2f2;color:#0d0d0d}.language-button-container{margin-top:6.5px}.language-nav img,.language-button img{width:30px;height:20px}.language-button div{margin-left:5px}.language-nav{display:none;border-top:1px solid #A6A6A6;margin-top:-2px;border-radius:0 0 5px 5px;animation:language;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:ease-in;transition:all .3s}.language-nav.active,.language-changer{display:flex}.language-changer div{margin-left:5px}.input-colormode{visibility:hidden;display:none}.colormode-button-container{display:flex;margin:7px 50px 0 0}.colormode-text{margin-left:9px;margin-top:5px;width:45px;color:#262626}.colormode-text.dark{color:#f2f2f2}.colormode-check{position:relative;display:block;width:60px;height:30px;border-radius:30px;background-color:#0d0d0d;cursor:pointer;overflow:hidden;transition:ease-in .3s}.input-colormode:checked~.colormode-check{background-color:#a6a6a6}.colormode-check:before{content:"";position:absolute;top:2px;left:2px;width:26px;height:26px;border-radius:50%;background:#fff;transition:.3s}.input-colormode:checked~.colormode-check:before{transform:translate(-50px)}.colormode-check:after{content:"";position:absolute;top:2px;left:10px;width:26px;height:26px;border-radius:50%;background:white;transform:translate(50px);transition:.3s}.input-colormode:checked~.colormode-check:after{transform:translate(-8px)}.colormode-lighttext-en{content:"View in light mode"}.colormode-selector{display:flex;flex-direction:column;align-items:center}.colormode-text{font-weight:700}.burguer-container,.burguer-modal-background,.burguer-modal{display:none}@keyframes language{0%{transform:translateY(-30px)}to{transform:translateY(0)}}@media (max-width: 1300px){.header-content,.colormode-button-container,.header-links{display:none}.header-container{position:relative}.burguer-container{position:absolute;right:5px;top:5px;display:block;font-size:26px}.burguer-container.dark{color:#f2f2f2}.burguer-modal-background{display:block;top:45px;right:0px;left:0px;position:absolute;background-color:#000c;height:calc(100vh - 44px)}.burguer-modal{display:block;position:absolute;width:50%;height:calc(100vh - 44px);overflow:hidden;top:45px;right:0px}.burguer-content{width:100%;height:100%;position:relative;background-color:#a6a6a6;animation:modal;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:ease-in;transition:all .3s ease-in}.burguer-content.dark{background-color:#0d0d0d}.burguer-links{list-style-type:none}.burguer-links nav{display:flex;justify-content:space-around;font-size:25px;padding-top:10px}.burguer-links nav li a{color:#0d0d0d}.burguer-links nav li a.dark{color:#f2f2f2}.burguer-nav{margin-top:25px}.burguer-nav div{text-align:center;border-bottom:1px solid #0D0D0D;padding:10px 0;font-size:24px}.burguer-nav div.dark{border-bottom:1px solid #f2f2f2}.burguer-nav div a{color:#0d0d0d}.burguer-nav div a{color:#f2f2f2}.burguer-theme{position:absolute;left:0;right:0;bottom:10px}.burguer-language{position:absolute;right:0}}@keyframes modal{0%{transform:translate(50%)}to{transform:translate(0)}}.arrows{width:60px;height:72px;position:absolute;left:50%;margin-left:-30px;bottom:20px}.arrows path{stroke:#262626;fill:transparent;stroke-width:1px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite}.arrows.dark path{stroke:#f2f2f2;fill:transparent;stroke-width:1px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite}@keyframes arrow{0%{opacity:0}40%{opacity:1}80%{opacity:0}to{opacity:0}}@-webkit-keyframes arrow{0%{opacity:0}40%{opacity:1}80%{opacity:0}to{opacity:0}}.arrows path.a1{animation-delay:-1s;-webkit-animation-delay:-1s}.arrows path.a2{animation-delay:-.5s;-webkit-animation-delay:-.5s}.arrows path.a3{animation-delay:0s;-webkit-animation-delay:0s}.main-page-container{width:100%;height:calc(100vh - 45px);background-color:#f2f2f2;transition:all .3s ease-in}.main-page-container.dark{background-color:#595959}.main-presentation{padding-top:50px;text-align:center;transition:all .3s ease-in;color:#262626}.main-presentation.dark{color:#f2f2f2}.main-arrow-container{position:relative;width:100px;margin:0 auto;height:100px;cursor:pointer}.main-buttons-container{display:flex;width:400px;margin:0 auto}.main-buttons-container a{text-decoration:none}.main-button{margin:0 24px}.main-button button{display:flex;font-size:20px;padding:5px;cursor:pointer;border:none;border-radius:5px;background-color:#a6a6a6;color:#0d0d0d;box-shadow:0 0 5px #a6a6a6bf;transition:all .3s ease-in}.main-button.dark button{background-color:#262626;border:none;box-shadow:0 0 5px #f2f2f2bf;color:#f2f2f2}.main-button button div{margin-left:3px}@media (max-width: 1300px){.main-button{margin:0 18px}}@media (max-width: 420px){.main-buttons-container{width:350px}.main-button{margin:0 8px}}.project-card{border:1px solid #A6A6A6;width:300px;margin:10px 20px;height:350px;border-radius:10px;box-shadow:0 0 5px #a6a6a6bf}.project-card:hover{box-shadow:0 0 10px #a6a6a6bf}.card-image{border-radius:10px;overflow:hidden;width:95%;margin:5px auto 0;height:150px}.card-image img{width:100%;height:100%}.card-title{margin-top:3px;height:25px}.card-title p{font-weight:700}.card-text{height:45px}.card-techs{height:75px;width:95%;margin:0 auto}.card-buttons{height:45px}.tech-button{display:inline-block;margin:5px;background-color:#a6a6a6;padding:4px;border-radius:10px}.tech-button p{font-size:10px;font-weight:700;color:#fff}.tech-button.JavaScript{background-color:#f5dd1b}.tech-button.Redux{background-color:#6242a3}.tech-button.React,.tech-button.ContextAPI{background-color:#5fd8f9}.tech-button.TypeScript{background-color:#2f76c4}.tech-button.MySQL{background-color:#005c83}.tech-button.Jest{background-color:#c94419}.tech-button.NodeJS{background-color:#8fc43e}.tech-button.CSS{background-color:#2449d8}.tech-button.Sequelize{background-color:#3a6fb8}.tech-button.Framer-Motion{background-color:#4f23f2}.tech-button.MercadoPago{background-color:#10b2ff}.tech-button.JavaScript p{color:#000}.card-buttons button{height:30px;width:30px;margin:0 10px;border-radius:50%;border:none;cursor:pointer;background-color:transparent}.card-buttons button a{font-size:20px}.card-buttons button a{font-size:16px;color:#262626}.card-buttons button a.dark{color:#f2f2f2}@media (max-width: 1300px){.project-card{margin:10px auto}}.projects-page-container{width:100%;height:calc(100vh - 45px);background-color:#f2f2f2;transition:all .3s ease-in;color:#262626;text-align:center}.projects-page-container.dark{background-color:#595959;color:#f2f2f2}.projects-container{margin:20px auto 5px;display:flex;height:420px;max-width:1366px}@media (max-width: 1300px){.projects-page-container{height:1600px}.projects-container{flex-wrap:wrap}}.about-page-container{width:100%;height:calc(100vh - 45px);background-color:#f2f2f2;transition:all .3s ease-in}.about-flex{display:flex}.about-page-container.dark{background-color:#595959}.about-me{border-right:1px solid #A6A6A6;text-align:center;height:80%;width:50%}.about-me.dark{color:#f2f2f2}.techs-use{text-align:center;width:50%;height:80%}.techs-use.dark{color:#f2f2f2}.about-me-container{width:90%;margin:100px auto 20px;display:flex}.about-me-img{margin:0 20px;width:200px;height:220px;overflow:hidden;border-radius:10px}.about-me-img img{width:100%;height:100%}.about-me-text{width:450px;border-radius:10px}.main-arrow-container{flex-direction:column}.techs-container{display:flex;flex-wrap:wrap;width:90%;height:200px;margin:35px auto 0}.tech-card{width:80px;height:80px;margin:20px;border-radius:10px}.tech-img{height:55px;width:55px;margin:0 auto}.tech-img img{width:100%;height:100%}.tech-text{font-weight:700}@media (max-width: 1300px){.about-page-container{height:900px}.about-flex{flex-direction:column}.about-me{width:100%;border:none}.about-me-container{margin:20px auto}.about-me-img{width:200px;height:150px}.techs-use{width:100%}.tech-card{margin:10px auto}}@media (max-width: 400px){.about-page-container{height:900px}.tech-card{margin:10px auto}}.contact-page-container{width:100%;height:calc(100vh - 75px);background-color:#f2f2f2;transition:all .3s ease-in;text-align:center}.contact-page-container.dark{background-color:#595959;color:#f2f2f2}.contact-form{width:400px;margin:20px auto 0}.contact-input label{font-size:24px}.contact-input input{width:90%;border-radius:10px;box-shadow:0 0 5px #a6a6a6bf;border:1px solid #A6A6A6;height:25px;text-align:center;color:#595959}.contact-input input:focus{border:none}.contact-input input::placeholder{color:#a6a6a6}.contact-message{margin-bottom:10px}.contact-message label{font-size:24px}.contact-message textarea{resize:none;width:90%;border-radius:10px;box-shadow:0 0 5px #a6a6a6bf;border:1px solid #A6A6A6;height:100px;color:#595959}.submit-button{width:90%;background-color:#add8e6;border-radius:10px;border:none;height:30px;border:1px solid #90b4c0;cursor:pointer;font-weight:700;font-size:18px}@media (max-width: 400px){.contact-input,.contact-form{width:370px}}.footer{background-color:#0d0d0d;color:#f2f2f2;text-align:center;height:30px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}*{padding:0;margin:0;box-sizing:border-box}a{text-decoration:none}html{scroll-behavior:smooth}@media (max-width: 1300px){.main-arrow-container{display:none!important}}