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}*,:after,:before{box-sizing:border-box}#root{background-color:#b38456;display:flex;flex-direction:column;margin:0;min-height:100vh;padding:0}main{flex:1 1;padding-top:80px}img{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}section{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:0 100px;scroll-snap-align:start;text-align:center}h1{margin:0}h4{font-size:20px;margin-bottom:0}@media(min-width:768px)and (max-width:1024px){.banner{align-items:normal;background-color:#b38456;display:flex;padding-top:80px}.banner__description .titles{height:8em}.banner__description h2{font-size:4em}.banner__description .fa-arrow-down{font-size:3em}.banner__about-me .circle{height:200px;width:200px}.banner__about-me .circle img{display:block;height:100%;height:auto;object-fit:cover;object-fit:contain;width:100%}section{padding:0 50px}section h1{font-size:34px}}@media(max-width:767px){section{padding:0 20px}}.banner{align-items:normal;background-color:#b38456;display:flex;padding-top:240px}.banner__description{background-color:#b38456;padding:0;text-align:left}.banner__description .titles{height:2em;position:relative}.banner__description h2{color:#fff;font-size:6em;left:0;margin:0;opacity:0;position:absolute;right:0;top:0;transform:translateY(100%)}.banner__description .fade-in.visible{animation:stay-visible 4s ease-in-out forwards;opacity:1;transform:translateY(0)}.banner__description .arrow{animation:arrowMoving 1.5s infinite;transform:translateY(-30%)}.banner__description .fa-arrow-down{color:#fff;font-size:5em}.banner__about-me{align-items:center;display:flex;justify-content:space-between}.banner__about-me p{font-size:30px;width:56%}.banner__about-me .circle{align-items:center;border-radius:50%;display:flex;height:400px;justify-content:center;overflow:hidden;padding-top:0;width:400px}.banner__about-me .circle img{display:block;height:100%;object-fit:cover;width:100%}@keyframes stay-visible{0%,50%{opacity:1;transform:translateY(-80%)}60%{opacity:0;transform:translateY(-50%)}to{opacity:0;transform:translateY(0)}}@keyframes arrowMoving{0%,20%{opacity:1;transform:translateY(-20%)}50%,80%{opacity:0;transform:translateY(20%)}to{opacity:0;transform:translateY(0)}}@media(min-width:768px)and (max-width:1024px){.banner{align-items:normal;background-color:#b38456;display:flex;padding-top:80px}.banner__description .titles{height:8em}.banner__description h2{font-size:4em}.banner__description .fa-arrow-down{font-size:3em}.banner__about-me .circle{height:200px;width:200px}.banner__about-me .circle img{display:block;height:100%;height:auto;object-fit:cover;object-fit:contain;width:100%}@keyframes arrowMoving{0%,20%{opacity:1;transform:translateY(60%)}50%,80%{opacity:0;transform:translateY(100%)}to{opacity:0;transform:translateY(0)}}}@media(max-width:767px){.banner{padding-top:80px}.banner__description{display:flex;flex-direction:column;gap:100px}.banner__description h2{font-size:2.5em}.banner__description .fa-arrow-down{font-size:3em}.banner__about-me{align-items:center;display:flex;gap:20px;position:relative}.banner__about-me p{font-size:18px;width:64%}.banner__about-me .circle{height:100px;width:100px}.banner__about-me .circle img{display:block;height:auto;max-height:20vh;object-fit:cover;object-fit:contain}}.cards{display:grid;grid-template-columns:repeat(5,1fr);justify-content:space-between;margin-bottom:30px;margin-top:30px}.card{border-radius:20px;cursor:pointer;filter:drop-shadow(0 3px 15px rgba(0,0,0,.1));height:260px;overflow:hidden;padding:5px;position:relative}.card img{border-radius:20px;height:100%;object-fit:cover;width:100%}.card__description{align-items:center;background-color:#d9d7d799;border-radius:0 0 20px 20px;box-sizing:border-box;color:#000;display:flex;flex-direction:column;height:100%;justify-content:space-between;left:0;padding:60px 20px 30px;position:absolute;text-align:center;top:0;transform:translateY(25px);transition:transform .6s;width:100%}.card__description:hover{border:1px solid brown;opacity:1;transform:translateY(0)}.card__description .links{display:flex;gap:60px}.card__description .links .link-github,.card__description .links .paperClip{color:#000;height:50px;width:50px}.card__description .links .link-github:hover{background-color:#fff}.card__description .links .paperClip:hover{color:#b38456}.card__description .links .vibrate{animation:vibrate .5s linear 5;animation-delay:2s}.card__description .position{text-align:right;width:100%}.card__description .position__plus{background-color:#b38456;border:0;border-radius:3px;color:#fff;font-size:1em;padding:10px}.card__description .position__plus:hover{background-color:#000}.dialog-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.dialog{background-color:#fff;border:none;border-radius:10px;box-shadow:0 2px 10px #0000001a;max-width:80%;padding:20px;text-align:center;width:500px;z-index:1001}.dialog h3{border-bottom:1px solid #ac7b49;color:#b38456;font-size:24px;font-weight:700}.dialog p{font-size:18px}.dialog img{width:160px}.dialog__tools{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;justify-items:center}.dialog-close{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}@keyframes vibrate{0%{transform:translateY(0)}25%{transform:translateY(-4px)}50%{transform:translateY(4px)}75%{transform:translateY(-4px)}to{transform:translateY(0)}}@media(min-width:768px)and (max-width:1024px){.cards{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(3,1fr);margin-bottom:30px;margin-top:24px;width:100%}.card{height:170px;margin:0;width:100%}.card img{height:90%;width:90%}.card__description{padding:24px 20px 20px;transform:none;transition:none}.card__description .links .link-github,.card__description .links .paperClip{height:40px;width:40px}.card__description .position__plus{padding:8px}.card.active .card__description{opacity:1;transform:translateY(0)}.dialog{padding:20px}.dialog img{height:auto;max-height:20vh;object-fit:contain;width:100px}}@media(max-width:767px){.cards{display:flex;flex-direction:column;gap:0;width:100%}.card{height:170px;margin:0;width:100%}.card img{height:90%;width:90%}.card__description{padding:24px 20px 20px;transform:none;transition:none}.card__description .links .link-github,.card__description .links .paperClip{height:40px;width:40px}.card__description .position__plus{padding:8px}.card.active .card__description{opacity:1;transform:translateY(0)}.dialog{padding:20px}.dialog img{height:auto;max-height:20vh;object-fit:contain;width:100px}}.skills__cards{display:flex;gap:20px;justify-content:center;margin:44px;width:80%}.card-skill{align-items:center;border:1px solid brown;border-radius:8px;display:flex;flex-direction:row;height:208px;overflow:hidden;padding:0 12px;text-align:center;width:250px}.card-skill span{border-bottom:1px solid #ac7b49;border-right:1px solid #ac7b49;color:#af6e2d;font-size:24px;font-weight:700}.tools{flex-direction:column;justify-content:space-between}.tools,.tools__icons{align-items:center;display:flex;width:100%}.tools__icons{justify-content:space-evenly}.tools__icons img{transition:transform .3s ease}.tools__icons img:hover{transform:scale(1.1)}@media(min-width:768px)and (max-width:1024px){.skills__cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);justify-items:center;margin:20px;width:100%}.card-skill{height:116px;padding:0 16px;width:170px}.card-skill img{width:180px}.tools{align-items:center;display:flex;flex-direction:column;justify-content:space-between;width:100%}.tools__icons{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center}.tools__icons>img:first-of-type,.tools__icons>img:nth-of-type(2){width:150px}.tools__icons>img:nth-of-type(3){width:60px}.tools__icons>img:nth-of-type(4){width:80px}}@media(max-width:767px){.skills__cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:20px;width:100%}.card-skill{height:100px;padding:0 8px;width:100px}.card-skill span{font-size:16px;margin:0}.card-skill img{width:100px}.tools{align-items:center;display:flex;flex-direction:column;justify-content:space-between;width:100%}.tools__icons{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center}.tools__icons>img:first-of-type{width:100px}.tools__icons>img:nth-of-type(2){width:90px}.tools__icons>img:nth-of-type(3){width:40px}.tools__icons>img:nth-of-type(4){width:50px}}form{background-color:#f9f9f9;border-radius:10px;box-shadow:0 0 20px #0000001a;display:flex;flex-direction:column;margin:40px;padding:40px;text-align:left;width:80%}form .error{color:red;margin-top:0}.group{display:flex;justify-content:space-between;width:100%}.messageContainer,.userInfos{display:flex;flex-direction:column;width:48%}label{font-size:1.2em;margin-bottom:10px}input,textarea{border:1px solid #ccc;border-radius:5px;font-size:1em;margin-bottom:8px;outline:none;padding:15px;width:100%}textarea{height:258px;resize:vertical}textarea::placeholder{font-size:16px}.btn{align-self:center;background-color:#b38456;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2em;margin-top:12px;padding:15px;transition:background-color .3s;width:200px}.btn:hover{background-color:#000;color:#fff}@media(min-width:768px)and (max-width:1024px){form{padding:24px}.group{flex-direction:column;justify-content:normal}.messageContainer,.userInfos{width:100%}textarea{height:230px}.btn{align-self:center;background-color:#b38456;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2em;margin-top:12px;padding:15px;transition:background-color .3s;width:200px}.btn:hover{background-color:#000;color:#fff}}@media(max-width:767px){form{margin-top:30px;padding:16px;width:100%}form .error{margin-top:0}.group{flex-direction:column}.messageContainer,.userInfos{width:100%}label{font-size:1em}input,textarea{margin-bottom:4px;padding:12px}textarea{height:120px}.btn{align-self:center;background-color:#b38456;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2em;margin-top:12px;padding:15px;transition:background-color .3s;width:200px}.btn:hover{background-color:#000;color:#fff}}section h1{font-size:36px}section h2{font-size:26px}.contact,.projects{background-color:#f1ebe4}.skills{background-color:#dfede2;padding:0}.contact{background-color:#f1ebe4;height:70vh}@media(min-width:768px)and (max-width:1024px){section h1{font-size:34px}.projects{height:80vh}.projects h1{margin-top:12px}.skills{background-color:#dfede2;height:70vh;padding:0 50px}.contact{height:90vh}}@media(max-width:767px){section h1{font-size:28px}section h2{font-size:24px}.banner{height:92vh}.contact,.projects,.skills{height:auto;padding:36px 20px}}.main-error{align-items:center;color:#000;display:flex;flex-direction:column;justify-content:center;padding:0 20px;text-align:center}.error h1{font-size:6em}.error a{color:#000}.error a:hover{color:#00e}@media(min-width:768px)and (max-width:1024px){.error h1{font-size:5em}}@media(max-width:767px){.error h1{font-size:3em}}.navbar{align-items:center;background-color:#0000;display:flex;height:108px;justify-content:space-between;left:0;padding:0 100px;position:fixed;top:0;transition:background-color .3s ease;width:100%;z-index:1000}.navbar.scrolled{background-color:#ffffff78}.navbar__logo a{cursor:default;pointer-events:none}.navbar__logo a,.navbar__logo h1,.navbar__logo p{color:#fff}.navbar__logo h1,.navbar__logo p{margin:0}.navbar__logo p{font-size:18px}.navbar__logo.hidden{opacity:0;pointer-events:none}.navbar__title{color:#fff;font-size:24px;margin-left:140px;text-align:center}.navbar__title a{color:#fff;text-decoration:none}.navbar__title .new-title{color:#000;cursor:pointer}.navbar__links{display:flex}.navbar__links a{border:1px solid #fff;border-radius:28px;font-size:20px;margin-left:20px;overflow:hidden;padding:16px 20px;position:relative;text-decoration:none;transition:background-color .3s,color .3s}.navbar__links .black-links{border:1px solid #000;color:#000}.navbar__links--contact.black-links:before,.navbar__links--projects.black-links:before,.navbar__links--resume.black-links:before,.navbar__links--skills.black-links:before{background-color:#000}.navbar__links--contact.black-links:after,.navbar__links--contact.black-links:hover:after,.navbar__links--projects.black-links:after,.navbar__links--projects.black-links:hover:after,.navbar__links--resume.black-links:after,.navbar__links--resume.black-links:hover:after,.navbar__links--skills.black-links:after,.navbar__links--skills.black-links:hover:after{color:#fff}.navbar__links--contact,.navbar__links--projects,.navbar__links--resume,.navbar__links--skills{color:#fff;position:relative}.navbar__links--contact:before,.navbar__links--projects:before,.navbar__links--resume:before,.navbar__links--skills:before{background-color:#fff;bottom:0;content:"";height:0;left:0;position:absolute;transition:height .3s ease-in-out;width:100%;z-index:-1}.navbar__links--contact:hover:before,.navbar__links--projects:hover:before,.navbar__links--resume:hover:before,.navbar__links--skills:hover:before{height:100%}.navbar__links--contact:after,.navbar__links--projects:after,.navbar__links--resume:after,.navbar__links--skills:after{color:#000;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scaleY(0);transform-origin:bottom;transition:transform .3s ease-in-out,color .3s ease-in-out}.navbar__links--contact:hover:after,.navbar__links--projects:hover:after,.navbar__links--resume:hover:after,.navbar__links--skills:hover:after{color:#000;transform:translate(-50%,-50%) scaleY(1)}.navbar__links--projects:after{content:"Projects"}.navbar__links--skills:after{content:"Skills"}.navbar__links--contact:after{content:"Contact"}.navbar__links--resume:after{content:"Resume"}.navbar .dropdown{display:none}.resume{color:#fff}@media(min-width:768px)and (max-width:1024px){.navbar{padding:0 50px}.navbar__logo h1{font-size:18px}.navbar__logo p{font-size:16px}.navbar__title{font-size:20px;margin-left:90px}.navbar__links a{font-size:16px;margin-left:8px;padding:12px 16px}}@media(max-width:767px){.navbar{flex-direction:row-reverse;padding:0 20px}.navbar__logo h1{font-size:16px}.navbar__logo p{font-size:12px}.navbar__title{font-size:18px;margin:0 0 0 -64px}.navbar__title .new-title{margin:0 0 0 -70px}.navbar__links{display:none}.navbar .dropdown{display:block;position:relative}.navbar .dropdown #menu{background-color:#0000;border:0;font-size:32px;padding:0}.navbar .dropdown .bars{color:#fff}.navbar .dropdown .change-color{color:#000}.navbar .dropdown .submenu{background-color:#000;border-radius:4px;border-top-left-radius:0;border-top-right-radius:36px;display:flex;flex-direction:column;font-size:20px;gap:8px;left:0;list-style:none;margin-top:1rem;opacity:0;padding:16px;position:absolute;top:100%;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}.navbar .dropdown .submenu a{color:#fff;font-size:28px;text-decoration:none}.navbar .dropdown .submenu.open{opacity:1;visibility:visible}}.footer{align-items:center;background-color:#000;color:#fff;display:flex;justify-content:space-evenly;padding:2.5rem 0 1.5rem;width:100%}.footer__icon{background-color:#fff;border-radius:50%;height:40px;width:40px}.footer__content{display:flex;gap:8px}.footer__content--text{font-size:20px;margin:0;padding:0}@media(max-width:767px){.footer{flex-direction:column;gap:18px;padding:3.5rem 0 1.5rem}.footer__content{align-items:center;flex-direction:column;justify-content:center}.footer__content--text{font-size:18px}}
/*# sourceMappingURL=main.8473b224.css.map*/