body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background:#eaeaea;border-bottom:1px solid silver;color:#1e1e1e;height:50px;justify-content:space-between;padding:15px;position:fixed;width:100%;z-index:997}.header,.header__menu{align-items:center;display:flex}.header__menu{flex-direction:row-reverse;justify-content:center;margin:20px}@media(min-width:768px){.header__menu{flex-direction:row}}.header__img{height:50px;width:50px}body.night-mode .header{background-color:#121212;border-bottom:1px solid #444;color:#f0f0f0}.nav{margin-left:auto;margin-right:20px}.nav i.fa-bars{cursor:pointer;display:block;font-size:25px;position:relative}.nav__ul{gap:25px;list-style:none;max-height:0;opacity:0;overflow:hidden;padding:5px}.nav__ul,.nav__ul--open{position:absolute;right:55px;top:35px}.nav__ul--open{background:#eaeaea;border:1px solid;border-radius:15px 0 15px 15px;display:flex;flex-direction:column;max-height:500px;opacity:1;text-align:center;z-index:999}@media(min-width:768px){.nav__ul{border:none;border-top:1px solid #0000;flex-direction:row;gap:20px;max-height:fit-content;opacity:1;position:relative;right:0;top:0}.nav__ul,.nav__ul--open{display:flex}}.nav li{align-items:center;border-bottom:1px solid #0000;border-top:1px solid #0000;display:flex;padding:15px;text-align:center}@media(min-width:768px){.nav li{transition:border-bottom 1.5s}}.nav li:hover{border-bottom:1px solid;cursor:pointer}.nav li:hover:first-child,.nav li:hover:last-child{border-top:1px solid #0000}.nav li:hover:last-child{border-bottom:1px solid #0000}.nav a{color:inherit;text-decoration:none}@media(min-width:768px){.nav i.fa-bars{display:none}}body.night-mode .nav__ul--open{background-color:#121212}.footer{border-top:1px solid silver;display:flex;flex-wrap:wrap;justify-content:center;margin-top:50px;padding:15px}@media(min-width:768px){.footer{justify-content:space-between}}.footer ul li a{border-bottom:1px solid #0000;cursor:pointer;transition:border-bottom 1.5s}.footer ul li a:hover{border-bottom:1px solid}.footer .footer__div{display:flex;flex-direction:column;min-width:200px;width:100%}@media(min-width:768px){.footer .footer__div{width:25%}}.footer .footer__div h3{margin:0}.footer .footer__div ul{gap:10px;list-style:none;padding:0}.footer .footer__div ul li{align-items:center;align-items:baseline;display:flex;flex-direction:row;gap:5px;padding:5px}@media(min-width:768px){.footer .footer__div ul li{gap:5px}}.footer .footer__div ul li a{align-items:baseline;color:#1e1e1e;display:flex;gap:5px;text-decoration:none}.footer .footer__div ul li i{margin-right:5px}.footer .footer__links--mobile{display:none}.footer .footer__links--link{display:block}@media(max-width:768px){.footer .footer__links--link{display:none}.footer .footer__links--mobile{display:flex}.footer .footer__links--mobile a{font-size:30px}}body.night-mode .footer{background-color:#ff6f61;border-top:1px solid #444;color:#f0f0f0}body.night-mode .footer .footer__div a,body.night-mode .footer h3{color:#f0f0f0}.footer-link{border-bottom:1px solid #0000;cursor:pointer;transition:border-bottom .5s}.footer-link:hover{border-bottom:1px solid}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:998}.modal__content{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;position:relative;text-align:center;z-index:998}.modal__content .fa-x{color:#ff4f4f;cursor:pointer;padding:15px;position:absolute;right:0;top:0}@media(min-width:768px){.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:998}.modal__content{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;position:relative;text-align:center;z-index:998}.modal__content .fa-x{color:#ff4f4f;cursor:pointer;padding:15px;position:absolute;right:0;top:0}}.night{flex-direction:column-reverse;gap:10px;margin-right:25px}.night,.night__switch{align-items:center;display:flex}.night__switch{background-color:#eaeaea;border:1px solid silver;border-radius:10px;cursor:pointer;height:20px;justify-content:space-between;padding:0 5px;position:relative;width:50px}.night__switch .fa-solid{font-size:16px;transform:translateX(0);transition:transform .3s ease,color .3s ease}.night__switch .fa-sun{color:#ff6f61}.night__switch .fa-moon{color:#ff4f4f}.night__switch--active .fa-solid{transform:translateX(30px)}.modal-overlay{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-content{background:#fff;border-radius:10px;max-height:80%;max-width:90%;overflow:auto;padding:20px;position:relative}.modal-img{height:auto;max-width:100%}.modal-close-icon{color:#fff;cursor:pointer;font-size:24px;position:fixed;right:10px;top:10px}.modal-close-icon:hover{color:#ff4f4f}body{background:#eaeaea;color:#1e1e1e;height:100%}.App{display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1;margin-top:80px}a{color:#ff4f4f}a,a:hover{text-decoration:none}h1{font-size:2.2rem}h1,h2{color:#ff4f4f;text-align:center}h2{font-size:30px}h3{color:#ff6f61;font-weight:500}.CV_and_works{display:flex;flex-direction:column}@media(min-width:768px){.CV_and_works{flex-direction:row}.CV_and_works .CV_div,.CV_and_works .works{width:50%}}@keyframes slideLeftToRight{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRightToLeft{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}body.night-mode .section--heading{border-bottom:1px solid #444;border-top:1px solid #444}.section--heading{border-bottom:1px solid silver;border-top:1px solid silver;font-size:25px;font-weight:700;margin:10px;padding:10px;text-align:center}body.night-mode{background-color:#121212;color:#f0f0f0}body.night-mode .works__card{background-color:#444}body.night-mode .night .fa-solid{color:#f0f0f0}body.night-mode .night .fa-sun{color:#ff6f61}body.night-mode .night .fa-moon{color:#ff4f4f}body.night-mode .night__switch{background-color:#121212;border-color:#444}body.night-mode .night__switch--btn{background-color:#ff6f61;border-color:#444}body.night-mode button{background-color:#ff4f4f;color:#f0f0f0}body.night-mode button:hover{background-color:#ff6f61}body.night-mode input,body.night-mode textarea{border:1px solid #444}body.night-mode input:focus,body.night-mode textarea:focus{border-color:#ff6f61}.home{padding:15px}.home__header{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:space-evenly}.home__header img{border-radius:50%;height:200px;object-fit:cover;width:200px}@media(min-width:768px){.home__header img{height:300px;width:300px}.home__header{flex-direction:row}}.home__header__title--subtitle{font-size:1.5rem!important}.home__skills{display:flex;flex-direction:column;padding:15px}@media(min-width:768px){.home__skills{flex-direction:row}}.affinity p,.lang p{font-weight:700}.progress-bar{background-color:silver;border-radius:5px;height:20px;overflow:hidden;position:relative;width:95%}.progress-de,.progress-en,.progress-fr{animation:fill-bar ease-in-out forwards;background-color:#ff4f4f;height:100%;left:0;position:absolute;top:0}.progress-label{align-items:center;color:#f0f0f0;display:flex;height:100%;margin:0;padding-left:10px;position:absolute;width:100%;z-index:1}.progress-fr{--target-width:95%;animation-duration:2.5s}.progress-en{--target-width:65%;animation-duration:3s}.progress-de{--target-width:15%;animation-duration:3s}.progress-SEO,.progress-back,.progress-css,.progress-front,.progress-html,.progress-js,.progress-opti,.progress-plan,.progress-react{animation:fill-bar ease-in-out forwards;background-color:#ff4f4f;height:100%;left:0;position:absolute;top:0}.progress-front{--target-width:100%;animation-duration:2.5s}.progress-back{--target-width:40%;animation-duration:2.5s}.progress-opti{--target-width:90%;animation-duration:2.5s}.progress-plan{--target-width:70%;animation-duration:2.5s}.progress-css,.progress-html{--target-width:100%;animation-duration:2.5s}.progress-js{--target-width:90%;animation-duration:3s}.progress-react{--target-width:100%;animation-duration:3s}.progress-SEO{--target-width:80%;animation-duration:3s}@keyframes fill-bar{0%{width:0}to{width:var(--target-width)}}.bars-container{display:flex;flex-direction:column;width:100%}@media(min-width:768px){.bars-container{width:50%}}.bars-container .affinity__title,.bars-container .lang-__title{display:flex;font-weight:700;gap:5px;margin:10px 0 5px}.bars-container .code-affinity{display:flex}.bars-container .code-affinity__column{width:100%}.bars-container .lang__detail img{height:20px;width:20px}.bars-container .lang__answer{padding-left:30px}.contact{padding:0}.contact span{font-weight:900}.contact strong{font-weight:100}form{background-color:#eaeaea;border:#1e1e1e;border-radius:8px;margin:0 auto;max-width:600px;padding:15px}.form_input_div,form{display:flex;flex-direction:column;gap:15px}input,textarea{border:silver;border-radius:4px;box-sizing:border-box;font-size:16px;padding:15px;width:100%}input:focus,textarea:focus{border-color:#ff4f4f;outline:none}textarea{min-height:250px}button{background-color:#ff4f4f;border:none;border-radius:4px;color:#fff;color:#eaeaea;cursor:pointer;font-size:16px;padding:10px 15px;transition:background-color .3s ease}button:hover{background-color:#ff6f61}.contact__title{margin:auto auto 20px;text-align:left;width:300px}body.night-mode .modal__content,body.night-mode form{background:#121212}body.night-mode .modal__content input,body.night-mode .modal__content textarea,body.night-mode form input,body.night-mode form textarea{background-color:#444;color:#f0f0f0}@media(min-width:768px){.contact{padding:20px}}.CV_div{display:flex;flex-direction:column;margin-top:50px;padding:20px}.CV_div__img{background-color:#eaeaea;cursor:pointer;margin:auto;max-width:800px;transition:opacity .3s,transform .3s;width:100%}.CV_div__img:hover{border-radius:10px;opacity:.8;transform:scale(1.01)}@media(max-width:768px){.CV_div__img{height:500px}}@media(max-width:480px){.CV_div__img{height:300px}}.who{margin-top:50px;padding:20px}.who__collapse{display:flex;flex-direction:column;gap:10px}@media(min-width:768px){.who__collapse{flex-direction:row;justify-content:space-evenly}}.who__collapse--group{display:flex;flex-direction:column;gap:10px;margin:0 auto;width:90%}@media(min-width:768px){.who__collapse--group{width:48%}}.collapse{width:100%}.collapse__heading{background:#fff;border-radius:10px 10px;cursor:pointer;display:flex;justify-content:space-between;padding:5px;transition:border-radius .7s}.collapse__heading h3{margin-left:10px}.collapse__content{background:#fff;border-radius:0 0 10px 10px;height:0;overflow:hidden;padding:0;transition:height .3s ease-out,visibility .6s ease-out;visibility:hidden}.collapse__content p{opacity:0;transition:opacity 1s}.collapse.open .collapse__content{height:auto;padding:15px;visibility:visible}.collapse.open .collapse__content p{opacity:1}.collapse.open .collapse__content ul{list-style:circle}.collapse .fa-arrow-down,.collapse .fa-arrow-up{align-self:center;font-size:20px;margin-right:30px;transition:transform .3s ease}.collapse.open .fa-arrow-down{transform:rotate(180deg)}.collapse.open .collapse__heading{border-radius:10px 10px 0 0}body.night-mode .collapse__heading{background:none}body.night-mode .collapse__content{background-color:#ff4f4f;border:none}.important-word{font-weight:650}.works{margin-top:50px}.legal,.works{padding:20px}.legal--answer{margin-top:0}.legal--wrapper{display:flex;flex-direction:column;justify-content:center}.legal--wrapper div{margin:auto;text-align:center;width:50%}@media(min-width:768px){.legal--wrapper{flex-direction:row}}.legal--text{display:inline;width:550px}.legal--title{font-weight:600;margin-bottom:0}.legal__info{padding:15px;text-align:center}.works--list{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:left;padding:0}@media(min-width:1370px){.works--list{justify-content:left}}.works__card{background-color:#fff;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;list-style:none;margin:auto;padding:15px;transition:transform .3s ease,opacity .3s ease;width:80%}.works__card:hover{opacity:.8;transform:scale(1.01)}@media(min-width:968px){.works__card{margin:0;width:45%}}@media(min-width:1400px){.works__card{margin:0;width:30%}}.works__card--heading{color:#ff6f61;font-size:25px;padding:5px 10px}.works__card--heading,.works__card--subheading{font-weight:500;margin:0}.works__card--cover{border-radius:20px;height:190px;overflow:hidden;width:100%}.works__card--cover-image{height:100%;object-fit:cover;width:100%}.works__card--content{display:flex;flex-direction:column;gap:20px}.works__card--short,.works__card--why{margin:0;width:100%}.works__card--tools{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:10px auto auto}.tool{background-color:#ff6f61;border-radius:10px;color:#f0f0f0;padding:5px 10px}.home__languages ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;justify-content:center;list-style:none}.home__languages ul li{background-color:#ff4f4f;border-radius:10px;color:#f0f0f0;padding:5px 10px}.not-found{text-align:center}.not-found--heading{color:#ff4f4f;font-size:40px}.not-found .fa-face-frown{color:#ff4f4f;font-size:30px;margin-bottom:20px}.not-found a{display:inline-block;width:100%}.work-detail{padding:20px}@media(min-width:768px){.work-detail__container__img-container{width:50%}}.work-detail__text{background:#fff;margin:50px auto;max-width:75%;min-width:300px;padding:40px}.work-detail__text p a{margin-left:5px}.work-detail__img-mobile{display:flex;width:100%}@media(min-width:768px){.work-detail__img-mobile{display:none}}.work-detail__img-mobile img{width:100%}.work-detail__tools--details{display:flex;gap:10px;margin-top:5px}.work-detail__text--heading{font-weight:700}.carrousel{display:none}@media(min-width:768px){.carrousel{display:flex;height:600px;margin:auto;position:relative;width:80%}}.carrousel img{height:100%;top:0;width:100%}.carrousel button{background:#eaeaea;color:#ff4f4f;position:absolute;top:50%}.carrousel button:hover{background:#ff6f61;color:#f0f0f0}.carrousel__btn--next{right:15px}.carrousel__btn--prev{left:15px}.carrousel img{object-fit:scale-down}body.night-mode .work-detail__text{background:none}
/*# sourceMappingURL=main.3a909885.css.map*/