html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;background-color:#fff;scroll-behavior:smooth}@media(min-width: 1100px){html{font-size:20px}}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}body{font-family:"Merriweather Sans",sans-serif;font-weight:300;line-height:1.6;margin:0;overflow-x:hidden}body[data-theme=dark]{background-color:#121212}body[data-theme=dark] .title{color:#fff}body[data-theme=dark] .text{color:#fff}body[data-theme=dark] .sites__el a{color:#fff}body[data-theme=dark] .menu__el a{color:#fff}body[data-theme=dark] .menu__el a:hover{color:#fa5f7d}img{width:100%}@media(min-width: 600px){img{width:80%;display:block;margin-left:auto;margin-right:auto}}a{text-decoration:none;color:#000}ul{list-style:none;padding:0}.section{display:grid;grid-template-columns:repeat(4, 1fr);grid-auto-rows:auto;margin-bottom:50px;max-width:1500px;margin-left:auto;margin-right:auto}.section--header{margin-right:20px;margin-left:20px;padding-top:20px;margin-bottom:50px}@media(min-width: 1500px){.section--header{margin-left:auto;margin-right:auto}}@media(min-width: 1100px){.section--pourquoi{margin-top:200px}}@media(min-width: 1100px){.section--fonctionnalites{margin-top:150px}}@media(min-width: 1100px){.section--experience{margin-top:200px}}.section--cta{position:relative}@media(min-width: 1100px){.section--cta{margin-top:150px;margin-bottom:150px}}.section--footer{position:relative;display:grid;grid-template-columns:repeat(4, 1fr);grid-auto-rows:auto}@media(min-width: 600px){.section--mobile{max-width:600px;margin:0 auto}}@media(min-width: 1100px){.section--mobile{display:none}}@media(min-width: 600px){.section--uikit{max-width:600px;margin:0 auto;margin-bottom:150px}}@media(min-width: 1100px){.section--uikit{max-width:750px}}.section--desktop{display:none}@media(min-width: 1100px){.section--desktop{display:block;margin-top:150px}}@media(min-width: 600px){.section--credits{margin-bottom:150px}}.container{margin:0 20px}@media(min-width: 600px){.container{max-width:600px;margin-left:auto;margin-right:auto}}@media(min-width: 1100px){.container{max-width:750px}}.container--menu{display:none}@media(min-width: 1100px){.container--menu{display:block;grid-column:2/4;grid-row:1/2;margin:0}}.container--dark{grid-column:4/5;grid-row:1/2;margin:0;margin-left:auto}.container--holifriends{grid-column:1/5;grid-row:1/2;font-size:35px}@media(min-width: 1100px){.container--holifriends{grid-column:1/3;grid-row:1/2;margin-left:60px}}.container--mockup{margin-top:50px;grid-column:1/5;grid-row:2/3}@media(min-width: 1100px){.container--mockup{grid-column:3/5;grid-row:1/2;margin-top:0;margin-right:60px}}.container--pourquoi{margin-top:50px;grid-column:1/5;grid-row:1/2}@media(min-width: 1100px){.container--pourquoi{grid-column:3/5;grid-row:1/2;margin-right:60px;margin-top:80px}}@media(min-width: 1300px){.container--pourquoi{margin-top:150px}}.container--assemblage{margin-top:50px;grid-column:1/5;grid-row:2/3}@media(min-width: 1100px){.container--assemblage{grid-column:1/3;grid-row:1/2;margin-top:0}}.container--fonctionnalites{margin-top:50px;grid-column:1/5;grid-row:1/2}@media(min-width: 1100px){.container--fonctionnalites{grid-column:1/3;grid-row:1/2;margin-left:60px}}.container--fonct{margin-top:50px;grid-column:1/5;grid-row:2/3}@media(min-width: 1100px){.container--fonct{grid-column:3/5;grid-row:1/2;margin-top:80px;margin-right:60px}}@media(min-width: 1300px){.container--fonct{margin-top:0px}}.container--experience{margin-top:50px;grid-column:1/5;grid-row:1/2}@media(min-width: 1100px){.container--experience{grid-column:3/5;grid-row:1/2;margin-right:60px}}.container--expe{margin-top:50px;grid-column:1/5;grid-row:2/3}@media(min-width: 1100px){.container--expe{grid-column:1/3;grid-row:1/2;margin-top:50px}}@media(min-width: 1300px){.container--expe{margin-top:20px}}.container--cta{margin-top:50px;grid-column:1/5;grid-row:1/2}.container--footer{margin-top:100px;grid-column:1/5;grid-row:1/2;z-index:10}.container--dwm{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin-bottom:30px;text-align:center}.container--uikit{grid-column:1/5;grid-row:1/2}.container--h1{grid-column:1/5;grid-row:2/3}.container--h2{grid-column:1/5;grid-row:3/4}.container--h3{grid-column:1/5;grid-row:4/5}.container--p{grid-column:1/5;grid-row:5/6}.container--colors{margin-top:50px;grid-column:1/5;grid-row:6/7}.container--button{grid-column:1/5;grid-row:1/2}.container--darkmode{grid-column:1/5;grid-row:2/3}.container--navigation{display:none}@media(min-width: 1100px){.container--navigation{display:block;grid-column:1/5;grid-row:3/4;margin-left:0;margin-right:0}}.container--photocredits{grid-column:1/5;grid-row:1/2}.container--photocredits img{width:100%}.container--sites{grid-column:1/5;grid-row:2/3}@media(min-width: 600px){.container--mobile{margin-left:0;margin-right:0}}.container--study{grid-column:1/5;grid-row:1/2}.container--link{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:100px}.container--link a{margin:10px 20px}.container--intro{max-width:45ch;margin-left:auto;margin-right:auto}.title{font-size:32px}@media(min-width: 1100px){.title{font-size:40px}}.title--big{font-size:44px}@media(min-width: 1100px){.title--big{font-size:55px}}.title--cta{font-size:35px;text-align:center}@media(min-width: 1100px){.title--cta{font-size:40px}}.title--mobile1{font-size:44px}.title--mobile2{font-size:32px}.title--mobile3{font-size:23px}.title--credits{text-align:center}.title--desktop3{font-size:28px}.title--credits{color:#fa5f7d}.title--uikit{color:#fa5f7d}.title--study{color:#fa5f7d}.text{font-size:16px;max-width:45ch}@media(min-width: 1100px){.text{font-size:20px}}.text--fonct{margin-top:40px}.btn--mode{height:50px;width:50px;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:transparent;border:none;outline:none;cursor:pointer;padding:0;font-size:0}.btn--light{background-image:url(../images/moon-filldark.svg)}.btn--dark{background-image:url(../images/moon-linelight.svg)}.btn--top{display:none;position:absolute;right:50px;bottom:-70px;border-radius:100%;height:70px;width:70px;background-color:#eae8e8}.btn--top img{width:100%}@media(min-width: 1100px){.btn--top{display:block}}body[data-theme=light] .btn--dark{display:none}body[data-theme=dark] .btn--light{display:none}.logo img{height:50px;width:50px;margin-right:auto;margin-left:0;grid-column:1/2;grid-row:1/2}.footer__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:50px}.footer__li{-webkit-transition:ease .2s;transition:ease .2s}.footer__li a:hover{color:#fa5f7d}.link--dwm{display:block;width:70px;height:30px;background-image:url(../images/dwm.svg);background-repeat:no-repeat;background-size:contain}@media(min-width: 600px){.link--dwm{margin-right:20px}}.link--alex{-webkit-transition:ease .2s;transition:ease .2s}.link--alex:hover{color:#fa5f7d}.colors__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;max-width:600px;padding:0}.colors__el{height:70px;width:70px;font-size:0}.colors--1{background-color:#aad3ee}.colors--2{background-color:#f9829a}.colors--3{background-color:#f4c88e}.colors--4{background-color:#121212}.sites__list{text-align:center}.sites__el{-webkit-transition:ease .2s;transition:ease .2s}.sites__el a:hover{font-weight:700;color:#fa5f7d}.menu__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:15px}.menu__el a{-webkit-transition:ease .2s;transition:ease .2s}.menu__el a:hover{color:#fa5f7d}.waves img{position:absolute;bottom:0;z-index:0;width:100%;height:250px}@media(min-width: 1100px){.waves img{height:300px}}@media(min-width: 1500px){.waves img{height:350px}}.link--cta{position:relative;outline:none;text-decoration:none;border-radius:50px;display:inline-block;font-size:16px;cursor:pointer;text-transform:uppercase;padding:20px 30px;opacity:1;background-color:#fa5f7d;color:#fff;text-align:center;margin-top:20px;font-weight:500}.link--cta:hover{-webkit-animation:rotate .7s ease-in-out both;animation:rotate .7s ease-in-out both}.link--cta2{display:table;margin:0 auto}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg) translate3d(0, 0, 0);transform:rotate(0deg) translate3d(0, 0, 0)}25%{-webkit-transform:rotate(3deg) translate3d(0, 0, 0);transform:rotate(3deg) translate3d(0, 0, 0)}50%{-webkit-transform:rotate(-3deg) translate3d(0, 0, 0);transform:rotate(-3deg) translate3d(0, 0, 0)}75%{-webkit-transform:rotate(1deg) translate3d(0, 0, 0);transform:rotate(1deg) translate3d(0, 0, 0)}100%{-webkit-transform:rotate(0deg) translate3d(0, 0, 0);transform:rotate(0deg) translate3d(0, 0, 0)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg) translate3d(0, 0, 0);transform:rotate(0deg) translate3d(0, 0, 0)}25%{-webkit-transform:rotate(3deg) translate3d(0, 0, 0);transform:rotate(3deg) translate3d(0, 0, 0)}50%{-webkit-transform:rotate(-3deg) translate3d(0, 0, 0);transform:rotate(-3deg) translate3d(0, 0, 0)}75%{-webkit-transform:rotate(1deg) translate3d(0, 0, 0);transform:rotate(1deg) translate3d(0, 0, 0)}100%{-webkit-transform:rotate(0deg) translate3d(0, 0, 0);transform:rotate(0deg) translate3d(0, 0, 0)}}.image--study{width:100%}
/*# sourceMappingURL=main.css.map */