@import"https://fonts.googleapis.com/css2?family=Jersey+25&display=swap";.btn{display:inline-block;padding:.5rem 1rem;border-radius:5px;border-width:1px;border-style:solid;cursor:pointer;text-decoration:none;transition:all .3s ease-in-out;font-size:1.25rem;font-family:"Jersey 25",sans-serif;text-align:center}.btn-primary{background-color:#ff443813;border-color:#ff4438;color:#fff}.btn-primary:hover{transform:scale(1.1)}.btn-secondary{background-color:#6b6b6b13;border-color:#6b6b6b;color:#fff}.btn-secondary:hover{transform:scale(1.1)}.btn-validation{background-color:#ff4438;color:#fff;padding:.75rem}.btn-validation:hover{transform:scale(1.025)}.card{display:inline-block;padding:.75rem 4rem;border-radius:5px;border-width:1px;border-style:solid;width:10rem;text-align:center;border-color:#ff4438;background-color:#ff443813;transition:all .3s ease-in-out}.card-title{font-size:2rem;color:#ff4438;margin:1rem 0 0}.card-description{font-size:1rem;color:#fff;margin:0 0 1rem}.card:hover{transform:scale(1.025);background-color:#ff443826}.input{padding:.75rem;background-color:#ff443813;border:1px solid rgba(255,68,56,.25);border-radius:10px;font-family:"Jersey 25",sans-serif;font-size:1rem;color:#b9b9b9}.input::placeholder{color:#b9b9b9}.input:hover{border:1px solid rgba(255,68,56,.75)}.input:focus{outline:none;border-color:#ff4438;box-shadow:0 0 5px #ff443880}option{background-color:#151515;border:none}textarea{grid-column:1/-1;display:flex;resize:vertical;min-height:60px;max-height:60px}.auth-popup{align-items:center;background-color:#151515;border:none;padding:2rem;border-radius:1rem}.auth-popup__content{align-items:center;display:flex;flex-direction:column;padding:1.5rem 0 1rem;gap:2rem}.auth-popup__title{font-size:2rem;color:#fff;font-family:"Jersey 25",sans-serif;text-align:center}.auth-popup__inputs{width:80%;display:flex;flex-direction:column;gap:.75rem}.auth-popup__buttons{display:flex;flex-direction:column;gap:.5rem;padding-top:0rem}.auth-popup__message{color:#fff;font-size:1.25rem;font-family:"Jersey 25",sans-serif;text-align:center;margin:0}.auth-popup--login,.auth-popup--signup{border:1px solid white;min-width:25%}.container{width:1200px;margin:0 auto}@media screen and (max-width:1200px){.container{width:768px}}@media screen and (max-width:768px){.container{width:90%}}.header{position:sticky;top:0;margin-bottom:5rem;background-color:#151515;border-bottom:1px solid white;z-index:100}.header__nav{display:flex;justify-content:space-between;align-items:center;gap:2rem;font-family:"Jersey 25",sans-serif}.header__nav__logo{display:flex;font-size:2rem;font-weight:700;color:#fff;text-decoration:none}.header__nav__logo--first{color:#ff4438}.header__nav__logo--second{color:#fff}.header__nav-links{display:flex;gap:3rem;list-style:none;align-items:center}.header__nav-link{color:#fff;text-decoration:none;font-size:1.25rem;transition:all .3s ease}.header__nav-link:hover{border-bottom:1px solid rgb(255,68,56);color:#ff4438}.header__user-button{display:flex;gap:1rem}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d}@media screen and (max-width:1200px){.header__nav{flex-direction:column;gap:1rem;align-items:center;margin-bottom:2%;gap:0}}@media screen and (max-width:768px){.header{position:relative}.header__nav{flex-direction:column;gap:1rem;margin-bottom:7%;gap:0}.header__nav-links{flex-direction:column;gap:1rem;align-items:center;margin:0;padding:0}.header__user-button{flex-direction:column;gap:1rem;align-items:center}}.footer{display:flex;justify-content:center;align-items:center;padding:2rem 0 4rem;background-color:#151515;font-family:"Jersey 25",sans-serif;border-top:1px solid white;margin-top:5rem}.footer__content{display:flex;flex-direction:column;align-items:center}.footer__content-logo{display:flex;font-size:2rem;font-weight:700;color:#fff;text-decoration:none}.footer__content-logo--first{color:#ff4438}.footer__content-logo--second{color:#fff}.footer__content-title{margin:1.5rem;text-align:center;font-size:3rem;color:#fff}.footer__content-description{font-size:1.25rem;color:#fff;text-align:center}.footer__list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.home{display:flex;flex-direction:column;font-family:"Jersey 25",sans-serif}.home__subtitle{display:flex;font-size:2rem;margin-bottom:1.5rem}.home__title{display:flex;font-size:4rem;margin:0}.home__title__typing{position:relative;display:inline-block;height:1.2em;min-width:13ch;color:#ff4438;overflow:hidden;z-index:10}.home__title__typing span{position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden;border-right:3px solid rgb(255,68,56);width:0;opacity:0}.home__title__typing span:nth-child(1){animation:typingDeveloper 6s steps(9) infinite}.home__title__typing span:nth-child(2){animation:typingDesigner 6s steps(8) infinite}.home--first{color:#fff}.home--second{color:#ff4438;margin-left:.5rem}.home__description{font-size:1.25rem;max-width:600px;color:#fff;margin-bottom:2rem}.home__list{display:flex;gap:1rem}.home__image{width:425px;height:425px;border-radius:50%;object-fit:cover;margin:1.5rem 0 0 2rem;justify-content:flex-end}.home__content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;justify-content:space-between;flex-wrap:wrap}.home__content--right{display:flex;justify-content:flex-end}@keyframes typingDeveloper{0%{width:0;opacity:1}15%{width:10ch;opacity:1}30%{width:10ch;opacity:1}45%{width:0;opacity:1}46%,to{width:0;opacity:0}}@keyframes typingDesigner{0%,49%{width:0;opacity:0}50%{width:0;opacity:1}65%{width:8ch;opacity:1}80%{width:8ch;opacity:1}95%{width:0;opacity:1}to{width:0;opacity:0}}@media screen and (max-width:1200px){.home__content{grid-template-columns:1fr;justify-items:center;text-align:center}.home__content--right,.home__subtitle,.home__title{justify-content:center}.home__image{width:400px;height:400px}.home__list{flex-direction:row;justify-content:center;align-items:center;width:100%;gap:.75rem}.home__description{max-width:100%}}@media screen and (max-width:768px){.home__subtitle{font-size:1.75rem;margin-bottom:1rem}.home__title{font-size:3rem;flex-wrap:wrap;justify-content:center}.home__title__typing{min-width:10ch}.home__description{font-size:1rem;text-align:center;margin-bottom:1.5rem}.home__image{width:300px;height:300px}.home__list{flex-direction:column;align-items:center;width:100%;gap:.75rem}.home__list a{width:100%;max-width:300px}}.Aboutme{scroll-margin-top:9.5rem;font-family:"Jersey 25",sans-serif}.Aboutme__title{display:flex;font-size:4rem;margin:0;margin-bottom:2rem}.Aboutme__title--first{color:#fff;margin:0}.Aboutme__title--second{color:#ff4438;margin:0;margin-left:1rem}.Aboutme__description{display:flex;color:#fff;font-size:1.25rem;margin-bottom:3rem}.Aboutme__list{display:flex;justify-content:center;gap:1rem}@media screen and (max-width:1200px){.Aboutme__title{justify-content:center}.Aboutme__description{justify-content:center;text-align:center}}@media screen and (max-width:768px){.Aboutme__title{justify-content:center}.Aboutme__description{justify-content:center;text-align:center}.Aboutme__list{flex-direction:column;align-items:center}}.serviceCard{border:1px solid rgba(255,68,56,.25);border-radius:20px;padding:2rem;max-width:20rem;transition:all .5s ease-in-out}.serviceCard__title{color:#fff;font-size:2rem;margin:2rem 0 0}.serviceCard__description{color:#fff;font-size:1.25rem;margin:1rem 0 0}.serviceCard__icone{display:flex;align-items:center;justify-content:center;position:relative;color:#fff;background-color:#ff4438;padding:.25rem;max-width:3rem;min-height:3rem;border-radius:10px}.serviceCard__icone:hover{animation:spin 1.75s ease-in-out 1}.serviceCard:hover{background:linear-gradient(145deg,#ff443813,#151515);border:1px solid rgb(255,68,56);transform:scale(1.025)}.serviceCard:hover .serviceCard__title{color:#ff4438}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(720deg)}}.scroll-watcher{height:5px;position:fixed;top:0;z-index:1000;background-color:#ff4438;width:0%;animation:scroll-watcher linear;animation-timeline:scroll()}@keyframes scroll-watcher{to{width:100%}}.service{scroll-margin-top:9.5rem;font-family:"Jersey 25",sans-serif}.service__title{display:flex;justify-content:center;font-size:4rem;margin:0 0 1.5rem}.service__title--first{color:#fff;margin:0}.service__title--second{color:#ff4438;margin:0;margin-left:1rem}.service__subtitle{display:flex;justify-content:center;font-size:1.75rem;color:#fff}.service__card-list{margin-top:4rem;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}@media screen and (max-width:1200px){.service{text-align:center}.service__card-list{display:grid;grid-template-columns:1fr 1fr}}@media screen and (max-width:768px){.service{text-align:center}.service__card-list{display:grid;grid-template-columns:1fr;justify-items:center}}.project{scroll-margin-top:9.5rem;font-family:"Jersey 25",sans-serif}.project__title{display:flex;justify-content:center;font-size:4rem;margin:0 0 1.5rem}.project__title--first{color:#fff;margin:0}.project__title--second{color:#ff4438;margin:0;margin-left:1rem}.project__subtitle{display:flex;justify-content:center;font-size:1.75rem;color:#fff}.project__card-list{margin-top:4rem;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.project__message{color:#fff;font-size:1.25rem}@media screen and (max-width:1200px){.project__card-list{display:grid;grid-template-columns:1fr 1fr}}@media screen and (max-width:768px){.project__card-list{display:grid;grid-template-columns:1fr;justify-items:center}}.projectCard{border:1px solid rgba(255,68,56,.25);border-radius:20px;max-width:24rem;transition:all .5s ease-in-out;overflow:hidden}.projectCard__title{color:#fff;font-size:2rem;margin:1rem 2rem 0}.projectCard__description{color:#fff;font-size:1.25rem;margin:1rem 2rem 0;min-height:90px}.projectCard__type{color:#b9b9b9;font-size:1.25rem;margin:1.5rem 2rem 0}.projectCard__langages-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin:0 2rem 2rem;text-align:center}.projectCard__langage{border:1px solid rgb(255,68,56);background-color:#ff443813;padding:.5rem;margin:0;font-size:1rem;border-radius:20px;color:#ff4438;transition:all .5s ease-in-out;cursor:pointer}.projectCard__langage:hover{transform:scale(1.1)}.projectCard__image{width:100%;height:200px;overflow:hidden}.projectCard__image img{position:block;width:100%;height:100%;object-fit:cover;transition:all .5s ease-in-out}.projectCard__badge{position:absolute;top:.75rem;left:.75rem;background-color:#ff4438;color:#fff;font-size:1.25rem;text-decoration:none;padding:.2rem .6rem;border-radius:5px;cursor:pointer}.projectCard:hover{border:1px solid rgb(255,68,56);transform:scale(1.025)}.projectCard:hover .projectCard__title{color:#ff4438}.projectCard:hover img{transform:scale(1.05)}.contact{scroll-margin-top:9.5rem;font-family:"Jersey 25",sans-serif}.contact__title{display:flex;justify-content:center;font-size:4rem;margin:0 0 1.5rem}.contact__title--first{color:#fff;margin:0}.contact__title--second{color:#ff4438;margin:0;margin-left:1rem}.contact__subtitle{display:flex;justify-content:center;font-size:1.75rem;color:#fff}.contact__content{margin-top:4rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact__content--list{display:flex;flex-direction:column;gap:1rem;margin-top:3rem}.contact__content--left{color:#fff}.contact__content--right{display:flex;flex-direction:column;gap:2rem}.contact__content--right-input{display:flex;flex-direction:column;gap:.5rem}.contact__content--right textarea{min-height:150px}.contact__content--title{font-size:3rem;margin:0 0 2rem}.contact__content--description{font-size:1.25rem;margin:0 0 2rem}label{color:#fff;font-size:1.25rem}@media screen and (max-width:1200px){.contact__content{grid-template-columns:1fr;gap:3rem}.contact__content--left{text-align:center}.contact__content--list{align-items:center}.contact__content--title,.contact__content--description{text-align:center}}@media screen and (max-width:768px){.contact{scroll-margin-top:6rem}.contact__title{font-size:3rem;flex-wrap:wrap;text-align:center}.contact__title--second{margin-left:.5rem}.contact__subtitle{font-size:1.25rem;text-align:center}.contact__content{margin-top:2.5rem;gap:2rem}.contact__content--title{font-size:1.75rem;margin-bottom:1rem}.contact__content--description{font-size:1rem;margin-bottom:1.5rem}.contact__content--right{gap:1.5rem}.contact__content--right textarea{min-height:120px}}.contactCard{display:grid;grid-template-columns:1fr 6fr;align-items:center;border:1px solid rgb(255,68,56);border-radius:5px;background-color:#ff443813;padding:1rem}.contactCard__icone{display:flex;align-items:center;justify-content:center;position:relative;color:#fff;background-color:#ff4438;padding:.25rem;min-width:3rem;max-width:3rem;min-height:3rem;border-radius:10px}.contactCard__icone:hover{animation:spin 1.75s ease-in-out 1}.contactCard__title{font-size:1rem;color:#b9b9b9;margin:0 0 .5rem}.contactCard__description{font-size:1.25rem;color:#fff;margin:0}.panel{align-items:center;background-color:#151515;border:none;padding:2rem;border-radius:1rem}.panel__content{align-items:center;display:flex;flex-direction:column;padding:1.5rem 0 1rem;gap:2rem}.panel__title{font-size:2rem;color:#fff;font-family:"Jersey 25",sans-serif;text-align:center}.panel__title--validation{font-size:1.9rem;color:#fff;font-family:"Jersey 25",sans-serif;text-align:center}.panel__buttons{display:flex;flex-direction:column;gap:.5rem;padding-top:0rem}.panel__buttons--validation{display:flex;gap:.5rem}.panel__message{color:#fff;font-size:1.25rem;font-family:"Jersey 25",sans-serif;text-align:center;margin:0}.panel__inputs{width:80%;display:flex;flex-direction:column;gap:.75rem}.panel__inputs--project{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:center}.panel__1grid{grid-column:1/-1;display:flex;flex-direction:column;gap:.75rem}.panel__1grid--input{display:flex;align-items:center;gap:.75rem}.panel__1grid--input .input{flex:1}.panel__1grid-list{display:flex;flex-wrap:wrap;gap:.5rem;max-width:50px;max-width:100%;overflow:hidden}.panel__1grid-item{font-family:"Jersey 25",sans-serif;display:flex;align-items:center;gap:.4rem;background-color:#6b6b6b13;border:1px solid rgb(107,107,107);color:#fff;border-radius:5px;padding:.3rem .75rem;font-size:1rem}.panel__1grid-item button{background:none;border:none;color:#fff;cursor:pointer;font-size:.9rem;opacity:.6;padding:0}.panel__1grid-item button:hover{opacity:1}.panel--popup{border:1px solid white;min-width:25%;max-width:500px}hr{width:90%;border-color:#b9b9b9}body{margin:0;background-color:#151515}html{scroll-behavior:smooth}.page{display:flex;flex-direction:column;gap:10rem}