body,html{padding:0;background-color:#000;overflow:hidden}body,html{margin:0;width:100%;height:100%}body{position:relative;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@media screen and (max-width:700px){body,html{overflow:auto}}.about{height:100vh;width:100%;background-color:#000;margin-top:5em}#demo{top:35%;left:30%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:1.1rem;color:grey;text-align:left}#demo,.btn-cv{position:absolute}.btn-cv{background-color:grey;color:#000;font-weight:700;padding:10px;text-decoration:none;top:45%;left:14vw}#title{font-size:1.3rem;color:#fff}.droite{width:100%;height:100%;right:0}.droite,.image{position:absolute}.image{width:90vw;height:150%;margin-top:-60vh;margin-left:35%}@media screen and (max-width:1200px){.image{display:none}#demo{margin-left:20%;margin-bottom:5%;text-align:left}.btn-cv{margin-top:18vh;width:30vw;left:32%}}.card{width:100%;height:200px;overflow:hidden!important;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-size:cover;background-repeat:no-repeat;background-position:50%;background-color:#000;margin-bottom:2rem}.card .content{font-family:"Open Sans";text-align:center;padding:10px;opacity:0;transition:all .5s ease-in-out;-webkit-transform:translateY(20px);transform:translateY(20px);cursor:pointer;width:100%}.card .content h1{font-size:2.5rem;color:grey}.card .content p{font-size:10px;color:#fff;margin-bottom:20px}.card .content .btn{background-color:grey;color:#000;font-weight:700;padding:10px;text-decoration:none}.card .content:hover{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.card3{width:60%;height:200px;overflow:hidden!important;text-align:center;background-color:#000}.card3 .activity-title{color:#fff;font-weight:bolder;font-size:3vw;cursor:pointer;text-decoration:none;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.card3 .summary{color:red}.card3 .activity-title:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}@media screen and (max-width:700px){.card{width:50%;height:70px}.card .content h1{font-size:1rem;color:grey}.card .content .btn{background-color:grey;color:#000;font-weight:700;padding:5px;text-decoration:none}}@media screen and (max-width:1200px){.card{width:70%;height:100px}.card .content h1{font-size:1rem;color:grey}.card .content .btn{background-color:grey;color:#000;font-weight:700;padding:5px;text-decoration:none}}.project-wrapper{width:100vw;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;height:100vh;background-color:#000;margin-top:5vh}.project-wrapper .grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;margin-top:8vh;margin-left:5%}@media screen and (max-width:1200px){.project-wrapper .grid{grid-template-columns:repeat(3,1fr);grid-gap:0}}@media screen and (max-width:700px){.project-wrapper .grid{margin-left:20%;grid-template-columns:repeat(1,1fr);grid-gap:0}}.line{height:3px;position:absolute;background:#ff1847;-webkit-transition:1s ease}#nav-elt{margin-right:5em}.nav-items{margin-right:2em;color:#fff;font-size:1.2rem}.navbar{color:#fff;min-height:5em;background-color:#000}@media screen and (max-width:700px){.nav-items{font-size:.85rem}}@media screen and (max-width:600px){.nav-items{font-size:.75rem}}@media screen and (max-width:300px){.nav-items{font-size:.65rem}}.main-activ{height:100vh;background-color:#000}.activities{margin-top:12vh;margin-left:10rem}@media screen and (max-width:700px){.activities{margin-left:0}}.content-div2{width:40vw;display:block;margin-left:2%;color:#f0f8ff;margin-right:10%;font-size:.85rem}.content-div2 p{font-size:1.3rem}.image-descript-div{width:60vw;height:100vh;margin-left:-1%}.descrip2{margin-top:5%}@media screen and (max-width:700px){.image-descript-div{width:60vw;height:30vh;margin-left:-1%}.content-div2 h3{font-size:1.2rem}.content-div2 p{font-size:.85rem;text-align:center}}@media screen and (max-width:1200px){.image-descript-div{width:60vw;height:30vh;margin-left:-1%}.content-div2 h3{font-size:1.2rem}.content-div2 p{font-size:.85rem;text-align:center}}.ftco-section{margin-top:8rem;width:80%;height:100vh;background-color:#000;margin-left:auto;margin-right:auto}.ftco-section h2{color:#fff;font-size:3vw;margin-bottom:5%}.ftco-section .send-btn{-webkit-justify-content:center;justify-content:center;width:100%;height:8vh;border-radius:5px;background-color:grey;color:#fff;font-size:larger}.ftco-section .form-control{border-radius:5px;margin-bottom:2%;height:7vh}.ftco-section .message{height:20vh}.ftco-section .contact-wrap{width:50%}.ftco-section .social-icons{width:10%}.ftco-section .socials{margin-left:5%}.ftco-section .social-div{margin-bottom:10%}.ftco-section .socialText{color:#fff;font-size:small}.ftco-section a{text-decoration:none;margin-left:5%}.main{width:100vw;margin-top:6rem;margin-left:5rem}.descrip{margin-top:3%;height:100vh;width:100%}.card2{width:100%;height:65%;overflow:hidden!important;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-size:cover;background-repeat:no-repeat;background-position:50%;background-color:#000;border-radius:2%;z-index:-1;margin-bottom:10%}.btn{width:100px}.tech{color:grey;font-weight:700}.descrip-image{margin-left:20%}.image-div{width:50%;height:100vh}.content-div{width:50%;display:block;margin-right:7%;margin-left:10%;color:#f0f8ff;margin-top:2%}.content-div p{font-size:1.3rem}.btn{background-color:#fff;color:#000;padding:10px;margin-right:5%;text-decoration:none}.return{-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media screen and (max-width:700px){.image-div{width:60vw;height:30vh}.content-div{margin-left:0}}@media screen and (max-width:1000px){.image-div{width:60vw;height:40vh}.content-div{margin-left:2%}.btn{margin-top:2vh}}
/*# sourceMappingURL=main.c0c357bc.chunk.css.map */