@media(min-width:768px)and (max-width:1023.99px){.header__logo img{height:auto;width:80px}}svg{height:100px;width:100px}.header__darkmode{margin-top:-29px}.header__darkmode-input{visibility:hidden}.header__darkmode-label{background:#ebebeb;border-radius:25px;box-shadow:inset 0 5px 15px #0006,inset 0 -5px 15px #fff6;cursor:pointer;display:block;height:35px;padding:2px;position:relative;transition:background .3s;width:70px}@media(max-width:767.99px){.header__darkmode-label{width:78px}}.header__darkmode-label svg{height:20px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;z-index:2}.header__darkmode-label:after{background:#fff;border-radius:50%;box-shadow:0 5px 10px #0003;content:"";height:29px;left:2px;position:absolute;top:2px;transition:.3s;width:29px;z-index:1}.header__darkmode .header__darkmode-input:checked+.header__darkmode-label{background:#5a2d2d}.header__darkmode .header__darkmode-input:checked+.header__darkmode-label:after{left:calc(100% - 31px)}.header__darkmode .header__darkmode-label:active:after{width:30px}.header__menu{margin-top:20px}.header__menu ul{display:flex;gap:30px}@media(min-width:768px)and (max-width:1023.99px){.header__menu ul{gap:15px}}@media(max-width:767.99px){.header__menu ul{align-items:center;flex-direction:column;gap:15px}}.header__menu ul li{font-size:20px}@media(min-width:768px)and (max-width:1023.99px){.header__menu ul li{font-size:18px}}@media(max-width:767.99px){.header__menu ul li{font-size:24px;text-align:center}}.header{display:flex;justify-content:space-between;width:100%}@media(max-width:767.99px){.header{align-items:center;flex-direction:column}}.header__title{display:none}@media(max-width:767.99px){.button-cv{display:flex;justify-content:center}}.buttonGithub,.intro__desc-cv{align-items:center;background-color:#3e46ac;border-radius:50px;color:#fff;display:flex;font-size:8px;font-weight:700;justify-content:center;padding:15px 40px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.buttonGithub img,.intro__desc-cv img{display:inline-block;height:24px;margin-left:10px;width:24px}.error__button:focus,.error__button:hover,.form__button:focus,.form__button:hover,.intro__desc-cv:focus,.intro__desc-cv:hover,.project__button:focus,.project__button:hover{background-color:#265a7d;box-shadow:0 8px 15px #0003;transform:translateY(-3px)}.error__button:after,.error__button:before,.form__button:after,.form__button:before,.intro__desc-cv:after,.intro__desc-cv:before,.project__button:after,.project__button:before{display:none}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.intro{display:flex;justify-content:space-between;margin-top:50px;width:96%}@media(max-width:767.99px){.intro{flex-direction:column}}.intro__title{display:none}.intro__desc{display:flex;flex-direction:column;gap:35px;width:60%}@media(max-width:767.99px){.intro__desc{text-align:center;width:100%}}.intro__desc-liens{align-items:center;display:flex;margin-top:20px}@media(max-width:767.99px){.intro__desc-liens{justify-content:center;margin-right:-35px}}.intro__desc-liens a{padding-right:35px}@media(min-width:768px)and (max-width:1023.99px){.intro__desc-liens a img{height:60px;width:60px}}@media(max-width:767.99px){.intro__desc-liens a img{height:60px;width:60px}}.intro__photo{align-items:center;display:flex;flex-direction:column;gap:35px;width:25%}@media(max-width:767.99px){.intro__photo{margin-top:40px;width:100%}}.intro__photo img{border-radius:0 25px;max-height:auto;max-width:310px}@media(min-width:768px)and (max-width:1023.99px){.intro__photo img{max-width:280px}}@media(max-width:767.99px){.intro__photo img{max-width:280px}}.intro__photo h3{font-size:18px;font-weight:700;letter-spacing:1.5px;margin-top:10px}@media(min-width:768px)and (max-width:1023.99px){.intro__photo h3{font-size:16px;letter-spacing:1.2px}}.intro__photo h3{animation:slideIn 1s ease-out}button{background-color:#fff;border:2px solid #000;border-radius:0;color:#000;cursor:pointer;font-size:16px;padding:12px;text-transform:uppercase;transition:all .3s ease}button:hover{background-color:#000;color:#fff;transform:translateY(-5px)}button:active{transform:translateY(2px)}.buttonGithub{border-color:#333;border-radius:0}.buttonContact{border-color:#333;padding:12px}.buttonContact:hover,.buttonGithub:hover{background-color:#333}@media(max-width:768px){.intro__desc-liens{align-items:center;flex-direction:column}button{font-size:14px;margin-bottom:15px;padding:12px;width:30%}button:last-child{margin-bottom:0}}@media(max-width:480px){button{font-size:9px;margin-bottom:15px;padding:10px;width:55%}button:last-child{margin-bottom:0}}.intro-button{font-size:14px}.skills__tools-grid{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr;justify-content:space-around;margin-bottom:30px;margin-top:30px;text-align:center}@media(min-width:768px)and (max-width:1023.99px){.skills__tools-grid{grid-template-columns:1fr 1fr}}.skills__tools-grid img{margin-bottom:5px}.skills__languages-grid{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr 1fr 1fr;justify-content:space-around;margin-bottom:30px;margin-top:30px;text-align:center}@media(min-width:768px)and (max-width:1023.99px){.skills__languages-grid{grid-template-columns:1fr 1fr 1fr}}@media(max-width:767.99px){.skills__languages-grid{display:flex;flex-wrap:wrap;gap:40px}}.skills__languages-grid img{margin-bottom:5px}.skills{margin-top:50px;width:100%}.skills__title{font-size:32px;text-align:center}@media(min-width:768px)and (max-width:1023.99px){.skills__title{font-size:28px}}@media(max-width:767.99px){.skills__title{font-size:28px}}.skills__display{display:flex;justify-content:space-between;margin-top:50px;width:100%}@media(max-width:767.99px){.skills__display{align-items:center;flex-direction:column-reverse}}.skills__tools{border-radius:20px;display:flex;flex-direction:column;padding:10px;width:35%}@media(max-width:767.99px){.skills__tools{margin-top:30px;width:90%}}.skills__tools-title{font-size:24px;text-align:center}@media(min-width:768px)and (max-width:1023.99px){.skills__tools-title{font-size:20px}}@media(max-width:767.99px){.skills__tools-title{font-size:20px}}.skills__languages{border-radius:20px;display:flex;flex-direction:column;padding:10px;width:56%}@media(max-width:767.99px){.skills__languages{width:90%}}.skills__languages-title{font-size:24px;text-align:center}@media(min-width:768px)and (max-width:1023.99px){.skills__languages-title{font-size:20px}}@media(max-width:767.99px){.skills__languages-title{font-size:20px}}.filter__buttons-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px;margin-top:20px}.filter__button{background-color:#ddd;border:none;border-radius:5px;color:#333;cursor:pointer;padding:10px 20px;transition:background-color .3s,color .3s}.filter__button.active,.filter__button:hover{background-color:#333;color:#fff}.project-links{align-items:flex-start;column-gap:5px;display:flex;flex-direction:column}.project-links .links{display:flex;flex-wrap:wrap;margin-bottom:10px}.project-links .links .project-link{background-color:#103256;border-radius:100px;color:#fff;margin:5px;padding:8px;text-decoration:none;transition:background-color .3s}.project-links .links .project-link:hover{background-color:#0056b3}.project-links .tags{display:flex;flex-wrap:wrap;margin-bottom:10px}.project-links .tags .project-tag{background-color:#f0f0f0;border:none;border-radius:50px;cursor:pointer;margin:0;padding:5px;transition:background-color .3s}.project-links .tags .project-tag:hover{background-color:#dcdcdc}.filter__container{display:flex;justify-content:center;margin-top:60px}.filter__container-bar{border:2px solid #ccc;border-radius:25px;font-size:18px;height:45px;max-width:180px;text-align:center}.grid__project{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1fr 1fr 1fr;justify-content:space-between;margin-top:100px}@media(min-width:768px)and (max-width:1023.99px){.grid__project{grid-template-columns:1fr 1fr}}@media(max-width:767.99px){.grid__project{grid-template-columns:1fr}}.grid__project__card{height:350px;overflow:hidden;position:relative;width:100%}@media(min-width:768px)and (max-width:1023.99px){.grid__project__card{height:300px}}.grid__project__card-container{height:100%;position:relative;transition:transform .5s ease-in-out;width:100%}.grid__project__card-back,.grid__project__card-front{height:100%;left:0;position:absolute;top:0;transition:transform .5s ease-in-out;width:100%}.grid__project__card-front{align-items:center;background-color:#fff;border-radius:25px;color:#000;color:#333;display:flex;justify-content:center;z-index:2}.grid__project__card-front-img{border-radius:25px;filter:brightness(1.1);height:100%;object-fit:cover;width:100%}.grid__project__card-front-title{background-color:#00000080;border-radius:5px;color:#fff;left:30%;padding:5px 10px;position:absolute;text-transform:uppercase;top:10px;z-index:3}.grid__project__card-back{background:#fff;border-radius:25px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;transform:translateY(100%);z-index:1}.grid__project__card-back-title{color:#000;font-weight:800;left:30%;position:absolute;text-transform:uppercase;top:20px}.grid__project__card-back-desc{margin-top:25px}.grid__project__card:focus .grid__project__card-back,.grid__project__card:hover .grid__project__card-back{transform:translateY(0)}.grid__project__card:focus .grid__project__card-front,.grid__project__card:hover .grid__project__card-front{transform:translateY(-100%)}@media(max-width:767.99px){.grid__project__card.active .grid__project__card-back{transform:translateY(0)}.grid__project__card.active .grid__project__card-front{transform:translateY(-100%)}}@media(min-width:768px)and (max-width:1023.99px){.grid__project__card.active .grid__project__card-back{transform:translateY(0)}.grid__project__card.active .grid__project__card-front{transform:translateY(-100%)}}.tags{display:flex;gap:10px}@media(max-width:767.99px){.tags{flex-wrap:wrap}}.home__projects{margin-top:50px;width:100%}.home__projects__title{font-size:32px;text-align:center}@media(min-width:768px)and (max-width:1023.99px){.home__projects__title{font-size:28px}}@media(max-width:767.99px){.home__projects__title{font-size:28px}}.container{align-items:center;display:flex;justify-content:center}.container .dialog{background-color:hsla(0,0%,97%,.871);border:5px solid #ccc;border-radius:5px;left:50%;max-width:70rem;padding:2rem 4rem;position:fixed;text-align:justify;top:50%;transform:translate(-50%,-50%);z-index:3}.container .dialog__button{background-color:hsla(0,0%,97%,.871);border:none;color:red;cursor:pointer;font-size:18px;left:8px;position:absolute;top:8px}.container .form{display:flex;flex-direction:column;margin-bottom:30px;margin-top:20px;width:40%}@media(max-width:767.99px){.container .form{width:80%}}.container .form__label{font-size:18px;font-weight:600;margin-bottom:5px;margin-top:10px}.container .form__input{border:3px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:10px;padding:10px}.container .form__input:focus{outline:none}.container .form__textarea{border:3px solid #ccc;border-radius:5px;font-size:16px;padding:10px}.container .form__textarea:focus{outline:none}.contact{margin-top:50px}.contact__title{font-size:32px;text-align:center}@media(min-width:768px)and (max-width:1023.99px){.contact__title{font-size:28px}}@media(max-width:767.99px){.contact__title{font-size:28px}}.error{align-items:center;display:flex;flex-direction:column;gap:50px;justify-content:center;margin-bottom:50px;margin-top:50px}.error__title{display:none}.error__image{height:auto;width:55%}.error__button{margin-bottom:30px}.footer{display:flex;justify-content:space-between;margin-top:40px;text-align:center;width:100%}@media(max-width:767.99px){.footer{align-items:center;display:flex;flex-direction:column;gap:20px}.footer__left{order:0;width:11%}.footer__middle{order:2}.footer__right{order:1}}.footer a,.footer p{font-size:18px;font-weight:500}*{box-sizing:border-box;font-family:Roboto,Roboto Slab,sans-serif;margin:0;padding:0}body{height:auto;margin:20px 5%;width:90%}@media(min-width:768px)and (max-width:1023.99px){body{margin:20px 4%}}@media(max-width:767.99px){body{margin:20px 6%;overflow-x:hidden}}a{text-decoration:none}ul{list-style:none}button,h1,h2,h3,li{font-family:Roboto Slab,sans-serif;letter-spacing:1.2px}p{font-family:Roboto,sans-serif;font-size:20px;letter-spacing:.5px}@media(min-width:768px)and (max-width:1023.99px){p{font-size:16px;letter-spacing:.8px}}
/*# sourceMappingURL=main.822e12a9.css.map*/