@import"https://fonts.googleapis.com/css2?family=Parkinsans:wght@300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Anton&family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap";*{padding:0;margin:0;box-sizing:border-box;text-decoration:none;list-style:none}body{width:100%;min-height:100vh;font-family:Parkinsans,sans-serif}h1{font-size:2.25rem;font-family:Roboto,sans-serif;font-weight:900;font-style:normal;color:#898908;padding:1rem 0;text-align:center}h2{font-size:1.75rem;font-family:Roboto,sans-serif;font-weight:700;font-style:normal;color:#898908}h3{font-size:1.5rem;font-family:Roboto,sans-serif;font-weight:600;font-style:normal;color:#898908}h4{font-size:1.25rem;font-family:Roboto,sans-serif;font-weight:500;font-style:normal;color:#898908}p{font-size:1rem;font-family:Roboto,sans-serif;font-weight:300}li{font-size:1rem;font-family:Roboto,sans-serif;font-weight:400}button{font-weight:700;background-color:#898908;color:#fff;border-radius:.5rem;padding:.65rem;margin:1rem;font-size:1rem;outline:none;border:none}button:hover{letter-spacing:1px;color:#14192d;color:#000;font-weight:800}.navbar{display:flex;justify-content:space-around;align-items:center;max-width:100%;z-index:1;box-shadow:10px 10px 5px #000000bf;-webkit-box-shadow:10px 10px 5px 0px rgba(0,0,0,.75);-moz-box-shadow:10px 10px 5px 0px rgba(0,0,0,.75);min-height:15vh}.logo-navbar{margin:1rem}.logo-navbar h1{font-family:Playwrite GB S,cursive;font-optical-sizing:auto;font-weight:600;color:#a01076}.navbar ul{display:flex;gap:1rem}.navbar ul li a{display:block;font-size:1.6rem;padding:.5rem;margin:.5rem;color:#000}.navbar ul li:not(.activated):hover{border:2px solid rgb(239,202,3)}.navbar .menu{display:none;position:absolute;top:1.78rem;right:-1.5rem;flex-direction:column;justify-content:space-between;width:3rem;height:2rem}.small-logo{font-size:1.25rem;color:#efca03;font-weight:600}@media (max-width:768px){.navbar .menu{display:flex;margin:1rem}.navbar{flex-direction:column;align-items:center}.navbar ul{display:none;flex-direction:column}.navbar ul.open{display:flex;justify-content:center}.navbar ul li{width:100%;text-align:center}.navbar ul li a{margin:.2rem .5rem}}@media (max-width:576px){h1{font-size:1.75rem}}.home{margin:5rem 10%;display:flex;justify-content:center;align-items:center;gap:.25rem;padding:1rem;box-shadow:10px 10px 5px #000000bf;-webkit-box-shadow:10px 10px 5px 0px rgba(0,0,0,.75);-moz-box-shadow:10px 10px 5px 0px rgba(0,0,0,.75);background-color:#33474f;-webkit-animation-name:home;animation-name:home;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes home{0%{opacity:0}to{opacity:1}}@keyframes home{0%{opacity:0}to{opacity:1}}.home-gauche{display:flex;justify-content:center;align-items:center;flex:1}.home-gauche img{width:50%;border-radius:50%;object-fit:contain;border:1px solid gray;padding:.5rem;background-color:#fff}.home-droite{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;border-radius:1rem;background-color:#fff;padding:1rem;gap:1rem;box-shadow:10px 10px 5px #000000bf;-webkit-box-shadow:10px 10px 5px 0px rgba(0,0,0,.75);-moz-box-shadow:10px 10px 5px 0px rgba(0,0,0,.75)}.home-droite p{color:#000;padding:.25rem .5rem}.home-droite span{background-color:#fff;align-self:center;font-style:italic;color:#898908;font-weight:bolder;cursor:pointer}.home-droite span:hover{color:#14192d;letter-spacing:2px}.lire-suite{display:none}button a{color:#fff;font-weight:700}button a:hover{color:#14192d}@media (max-width:900px){.home{flex-direction:column}.home-droite p{font-size:.9rem}}.show-text{display:flex;flex-direction:column;justify-content:center;-webkit-animation-name:show-text;animation-name:show-text;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes show-text{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes show-text{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}to{-webkit-transform:translateY(0);transform:translateY(0)}}.show-text p{padding:.25rem .5rem}.propos{margin:5rem 10%;display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:#33474f;-webkit-animation-name:propos;animation-name:propos;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes propos{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes propos{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}to{-webkit-transform:translateY(0);transform:translateY(0)}}.introduction{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.introduction p{font-weight:700}.contenair-introduction{display:flex;justify-content:space-around;gap:1rem}.intro-gauche{display:flex;flex-direction:column;gap:1rem}.intro-gauche span{display:flex;justify-content:start;align-items:center}span p{font-weight:700}.intro-droite{display:flex;flex-direction:column;gap:1rem}.intro-droite span{display:flex;justify-content:start;align-items:center}.projets-realises{display:flex;justify-content:space-between;gap:1rem;flex-direction:column}.boxe-experiences{display:flex;flex-direction:column;align-items:start}@media (max-width:1000px){.contenair-introduction{flex-direction:column;align-self:center}}.mon-discours1{display:flex;flex-direction:column;justify-content:center;gap:.5rem}.bloc-para1{display:flex;justify-content:center;gap:1rem;align-items:center;margin:2rem 5%;padding:1rem}.para1{padding:1rem}.para1 p{color:#fff}.image-popos{display:flex;justify-content:center;align-items:center}.image-popos img{width:100%;object-fit:contain;padding:.25rem;background-color:#fff}.mon-discours2{display:flex;flex-direction:column}.bloc-para2{display:flex;justify-content:center;gap:1rem;align-items:center;background-color:#fff;padding:1rem}.para2{display:flex;flex-direction:column}.para2 p{padding:.25rem 0}.para2 button{align-self:center}@media (max-width:1074px){.bloc-para1{flex-direction:column}}@media (max-width:900px){.bloc-para2{flex-direction:column}}.formulaire-contact{display:flex;flex-direction:column;background-color:#33474f;margin:5rem 10%;-webkit-animation-name:formulaire-contact;animation-name:formulaire-contact;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes formulaire-contact{0%{opacity:0}to{opacity:1}}@keyframes formulaire-contact{0%{opacity:0}to{opacity:1}}.login-popup-title h1{margin-top:1rem}.formulaire-container{display:flex;flex-direction:column;align-items:center;z-index:3}.infos-inputs{display:flex;flex-direction:column;justify-content:center;padding:2rem;gap:1rem;width:30rem;text-align:center;margin:2rem 15%;border:3px solid white;background-color:#fefefd26;padding:1rem}.infos-inputs input{padding:.5rem}textarea{padding:1rem}@media (max-width:576px){.login-popup-title h1{font-size:1.75rem;text-align:center}.formulaire-contact{margin:2rem 5%}}@media (max-width:500px){.infos-inputs{width:23rem}}.portfolio{margin:5rem 10%;background-color:#33474f;-webkit-animation-name:portfolio;animation-name:portfolio;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes portfolio{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes portfolio{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}to{-webkit-transform:translateY(0);transform:translateY(0)}}.portfolio h1{margin:2rem}.contenair-portfolio{display:flex;justify-content:center;align-items:center;gap:1rem}.boxe-portfolio{display:flex;flex-direction:column;padding:1rem}.boxe-portfolio img{width:100%;object-fit:cover;height:15rem;border-radius:1rem;padding:.25rem;background-color:#fff}.boxe-portfolio h4{text-align:center;padding:1rem;color:#fff}.boxe-portfolio h4:hover{color:#898908;font-weight:700}@media (max-width:900px){.contenair-portfolio{flex-direction:column}}.footer{background-color:#14192d}.containair-footer{margin-top:15rem;display:flex;padding:1rem;justify-content:space-around;color:#fff;gap:3rem}.footer-gauche{display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-droite{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem}.footer-reseaux{display:flex;gap:1rem;justify-content:center;align-items:center}@media (max-width:768px){.footer-milieu h3,.footer h3{font-size:1.25rem}}@media (max-width:500px){.containair-footer{flex-direction:column-reverse;gap:1rem}.footer-droite{text-align:center}}