@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--dark-primary:#282c33;--dark-white:#fcf7ff;--dark-grey:#c4cad0;--dark-secondary:#a20021;--spacing-para:55px}a,h1,h2,h3,h4,h5,h6,li,p{color:#fcf7ff;color:var(--dark-white);font-family:Fira Code,monospace;font-size:18px}strong{color:#a20021;color:var(--dark-secondary)}body{background-color:#282c33;background-color:var(--dark-primary)}.navbar{-webkit-animation:introNavBar .3s;animation:introNavBar .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background-color:var(--dark-primary);font-weight:600;justify-content:space-between;padding:10px 10%;position:fixed;top:0;-webkit-transform:translateY(-30px);transform:translateY(-30px);width:100%;z-index:10000}.navbar,.navbar-link-container{align-items:center;display:flex}.navbar-link-container{gap:32px}.navbar-link{color:var(--dark-grey);font-weight:400;text-decoration:none}.navbar-link.active,.navbar-link:hover{color:var(--dark-white)}.navbar-link.active{font-weight:600}.navbar-link:before{color:var(--dark-secondary);content:"#";display:inline-block;font-weight:400}.languages{color:var(--dark-grey);font-weight:400}.languages:hover,.languages:hover:after{color:var(--dark-white)}.languages:after{color:var(--dark-grey);content:"V";display:inline-block;font-weight:400;margin-left:5px;scale:1.2 .5}.languages:hover:after{rotate:180deg}.navbar-language-container{cursor:pointer;position:relative}.change-language{border:1px solid var(--dark-grey);display:none;position:absolute;width:100%}.lang{background-color:initial;border:none;color:var(--dark-grey);outline:none}.lang:hover{color:var(--dark-white)}.navbar-language-container:hover .change-language{display:block}.mobile-menu{display:none}.reseau{align-items:center;display:flex;flex-direction:column;left:50px;position:absolute;top:0}.reseau-line{-webkit-animation:reseauLine 1s .5s;animation:reseauLine 1s .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background:var(--dark-grey);height:0;margin-bottom:15px;width:2px}@-webkit-keyframes reseauLine{0%{height:0}to{height:33vh}}@keyframes reseauLine{0%{height:0}to{height:33vh}}.reseau-img{-webkit-animation:reseauImg .5s 1.5s;animation:reseauImg .5s 1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;display:flex;flex-direction:column;opacity:0}@-webkit-keyframes reseauImg{0%{opacity:0}to{opacity:1}}@keyframes reseauImg{0%{opacity:0}to{opacity:1}}@media screen and (max-width:780px){.navbar{background-color:var(--dark-primary);justify-content:space-between;padding:15px}.mobile-menu{display:block;height:32px;position:relative;width:32px}.mobile-menu:before{margin:0;top:0;-webkit-transform-origin:center;transform-origin:center;transition:all .2s ease-in-out;width:100%}.mobile-menu:after,.mobile-menu:before{background-color:var(--dark-white);content:"";display:block;height:1px;position:absolute}.mobile-menu:after{right:0;top:50%;transition:width .2s ease-in-out .2s,-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,width .2s ease-in-out .2s;transition:transform .2s ease-in-out,width .2s ease-in-out .2s,-webkit-transform .2s ease-in-out;width:70%}.mobile-menu.active:after{right:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center;transform-origin:center;transition:width .2s ease-in-out,-webkit-transform .2s ease-in-out .2s;transition:width .2s ease-in-out,transform .2s ease-in-out .2s;transition:width .2s ease-in-out,transform .2s ease-in-out .2s,-webkit-transform .2s ease-in-out .2s}.mobile-menu.active:after,.mobile-menu.active:before{display:block;margin:0;position:absolute;top:50%;width:100%}.mobile-menu.active:before{-webkit-transform:translate(0) rotate(-45deg);transform:translate(0) rotate(-45deg);-webkit-transform-origin:center;transform-origin:center;transition:all .2s ease-in-out .2s}.navbar-link-container{display:none}.navbar-link-container.active{align-items:flex-start;background-color:var(--dark-primary);display:flex;flex-direction:column;height:100vh;justify-content:flex-start;left:0;padding-left:15px;position:absolute;top:50px;width:100%}.navbar-link{font-size:32px}.navbar-language-container{position:absolute;right:15px;top:0}.lang,.languages{font-size:32px}.reseau{display:none}}@media screen and (max-width:1190px){.reseau{display:none}}@-webkit-keyframes introNavBar{0%{opacity:0;-webkit-transform:translateY(-25px);transform:translateY(-25px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes introNavBar{0%{opacity:0;-webkit-transform:translateY(-25px);transform:translateY(-25px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.home-container{margin:50px auto 0;max-width:1024px;width:70%}.hero-container{margin-bottom:calc(var(--spacing-para)*2);width:100%}.hero-flex{align-items:center;display:flex;gap:32px;justify-content:space-between;margin-bottom:calc(var(--spacing-para)*3)}.hero-title{-webkit-animation:heroTitle .5s .5s;animation:heroTitle .5s .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;font-size:32px;margin-bottom:var(--spacing-para);opacity:0;text-align:left}@-webkit-keyframes heroTitle{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes heroTitle{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.hero-descr{-webkit-animation:heroDescr .5s .5s;animation:heroDescr .5s .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;color:var(--dark-grey);margin-bottom:var(--spacing-para);opacity:0;text-align:left}@-webkit-keyframes heroDescr{0%{-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes heroDescr{0%{-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.button{border:1px solid var(--dark-secondary);font-weight:500;padding:8px 16px;text-decoration:none}.btn-contact span{letter-spacing:1px}.btn-contact{-webkit-animation:btnContact .3s .7s;animation:btnContact .3s .7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;display:inline-block;opacity:0}@-webkit-keyframes btnContact{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes btnContact{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.hero-images{-webkit-animation:heroImages .3s 1s;animation:heroImages .3s 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;border-bottom:1px solid var(--dark-secondary);height:30vw;max-height:400px;opacity:0;position:relative;text-align:center}@-webkit-keyframes heroImages{0%{opacity:0;-webkit-transform:translate(200px);transform:translate(200px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes heroImages{0%{opacity:0;-webkit-transform:translate(200px);transform:translate(200px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.hero-malik{height:30vw;max-height:400px;position:relative;z-index:2}.hero-logo{height:90%;left:0;position:absolute;z-index:1}.hero-dots{height:10vw;max-height:100px;position:absolute;right:0;top:10%;z-index:3}.to-work{align-items:center;border:1px solid var(--dark-grey);bottom:-36px;display:inline-flex;gap:5px;left:50%;padding:5px 8px;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);width:-webkit-max-content;width:max-content}.to-work span{background-color:rgba(255,0,0,.226);border:1px solid var(--dark-secondary);display:inline-block;height:15px;position:relative;width:15px}.citation-container{-webkit-animation:animationCitation 1s 1s forwards;animation:animationCitation 1s 1s forwards;margin:0 auto;opacity:0;position:relative;-webkit-transform:translateX(10%);transform:translateX(10%);width:100%}@-webkit-keyframes animationCitation{0%{-webkit-transform:translateX(10%);transform:translateX(10%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes animationCitation{0%{-webkit-transform:translateX(10%);transform:translateX(10%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.citation{border:1px solid var(--dark-grey);font-size:24px;padding:30px}.citation:after{border:1px solid var(--dark-grey);bottom:-45px;content:"- Arthur C. Clarke";display:block;font-size:18px;font-weight:400;padding:10px 15px;right:0}.citation:after,.entrecote{color:var(--dark-grey);position:absolute}.entrecote{background-color:var(--dark-primary);border-radius:9999px;display:inline-block;font-size:64px;font-weight:700;height:40px;text-align:center;width:40px}.entre1{left:15px;top:-25px}.entre2{bottom:-15px;right:15px}@media screen and (max-width:1078px){.hero-images,.hero-malik{height:30vw}}@media screen and (max-width:900px){.btn-contact{display:inline-block;display:block;margin:0 auto;padding:25px 0;text-align:center}.hero-title{font-size:30px;text-align:center}.home-container{margin-top:65px}.hero-flex{flex-direction:column;gap:calc(var(--spacing-para)*2)}.hero-images{height:auto;width:70%}.hero-malik{height:auto;width:100%}.to-work{font-size:16px}}.section-container{-webkit-animation:sectionAnimation .5s 1.5s forwards;animation:sectionAnimation .5s 1.5s forwards;opacity:0}@-webkit-keyframes sectionAnimation{0%{opacity:0}to{opacity:1}}@keyframes sectionAnimation{0%{opacity:0}to{opacity:1}}.section-container{margin:var(--spacing-para) 0}.card-project-list{grid-column-gap:25px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.title-section-container{display:flex;justify-content:space-between}.title-section{font-size:32px;margin-bottom:var(--spacing-para)}.title-section:before{color:var(--dark-secondary);content:"#"}.title-section:after{background-color:var(--dark-secondary);color:var(--dark-secondary);content:"";display:block;height:3px;margin-left:10px;width:200px}.skills{position:relative}.skills-flex{grid-column-gap:35px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);margin-left:50%;width:-webkit-min-content;width:min-content}.decoration img{position:absolute}.decoration img:first-child{right:5%}.decoration img:nth-child(2){top:20%;width:100px}.decoration img:nth-child(3){bottom:25%;width:150px}.decoration img:nth-child(4){bottom:50%;left:20%;width:200px}@media screen and (max-width:780px){.skills-flex{margin:0 auto}.decoration img{display:none}}.skills-bloc-title{font-weight:600}.skills-bloc-list,.skills-bloc-title{border:1px solid var(--dark-grey);padding:15px}.skills-bloc-list{border-top:none}.skills-bloc-list li{color:var(--dark-grey);list-style:none}.about-container{align-items:center;display:flex}.about-text{margin-right:25px;width:70%}.about-text,.about-text p{color:var(--dark-grey)}@media screen and (max-width:900px){.about-container{flex-direction:column}.about-container .button{display:block;margin-bottom:var(--spacing-para);text-align:center;width:100%}}.container-contact{align-items:center;display:flex}.contact-link{border:1px solid var(--dark-grey);margin-left:25px;padding:15px}.contact-title{font-weight:600}.contact-div-link{align-items:center;display:flex}.contact-div-link img{margin-right:5px}@media screen and (max-width:900px){.container-contact{flex-direction:column;text-align:center}.container-contact p{margin-bottom:var(--spacing-para)}.contact-div-link{align-items:center;flex-direction:column}}.card-project img{max-height:140px;width:100%}.technologies{border-bottom:1px solid var(--dark-grey);border-top:1px solid var(--dark-grey);padding:10px 0;text-align:center}.card-title{font-size:24px;padding:10px}.card-descr{color:var(--dark-grey);margin:0 10px}.btn-live{display:inline-block;margin:10px}
/*# sourceMappingURL=main.c0d37a9e.css.map*/