-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css.map
1 lines (1 loc) · 35.3 KB
/
style.css.map
1
{"version":3,"sources":["_site-settings.scss","_base.scss","layout/_header.scss","modules/_btn.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["@charset \"UTF-8\";\n\n// ----------------------\n// == Site settings\n// ----------------------\n\n// Fonts\n@font-face {font-family: 'SurveyorFine-Bold-Pro'; font-weight: normal; font-style: normal;\n src: url('fonts/SurveyorFine-Bold-Pro.otf');\n src: url('fonts/SurveyorFine-Bold-Pro.eot?#iefix') format('embedded-opentype'),\n url('fonts/SurveyorFine-Bold-Pro.woff') format('woff'),\n url('fonts/SurveyorFine-Bold-Pro.ttf') format('truetype'),\n url('fonts/SurveyorFine-Bold-Pro.svg#SurveyorFine-Bold-Pro') format('svg');\n}\n\n$font-size-base: 18px !default;\n$font-size-large: ceil(($font-size-base * 1.25)) !default;\n$font-size-small: ceil(($font-size-base * 0.85)) !default;\n\n$font-size-h1: floor(($font-size-base * 3.4)) !default;\n$font-size-h2: floor(($font-size-base * 1.8)) !default;\n$font-size-h3: ceil(($font-size-base * 1.2)) !default;\n$font-size-h4: ceil(($font-size-base * 1.25)) !default;\n$font-size-h5: $font-size-base !default;\n$font-size-h6: ceil(($font-size-base * 0.85)) !default;\n\n$font-size-h1-mobile: floor(($font-size-base * 2.5)) !default;\n$font-size-h2-mobile: floor(($font-size-base * 1.5)) !default;\n$font-size-h3-mobile: ceil(($font-size-base * 1.15)) !default;\n\n// = Colors\n// -----------------------------\n\n// Graphic chart\n$facebook: #3b5998;\n$twitter: #43bfe1;\n\n$or: #be8d4b;\n$parchment: #f0e5d1;\n$blue: #253c95;\n$muddy-waters: #bb9c64;\n$laser: #c9a971;\n$twine: #23507a;\n\n\n\n// = Grid\n// -----------------------------\n\n// Max width wrapper\n$wrapper-width: pxtoem(1140, 16);\n","/* ===========================\n Base\n =========================== */\n\n::selection {background: $laser; color: white;}\n* {box-sizing: border-box;}\nbody.fixed {position: fixed;}\n\n.row {margin: 0; padding: 0;}\n\n// Meilleur rendu des fonts\nh1, h2, h3, h4, h5, h6, li, p {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: 'Roboto';\n}\n.l-content, .l-content-blog, p.description-contact, p.description-blog {\n a {\n color: $twine;\n display: inline;\n font-size: 18px;\n text-shadow: 1px 1px 0 #f5f6f9, -1px 1px 0 #f5f6f9, -1px -1px 0 #f5f6f9, 1px -1px 0 #f5f6f9;\n background-image: linear-gradient(90deg, currentColor 100%, transparent 100%);\n background-position: 0 1.04em;\n background-repeat: repeat-x;\n background-size: 1px 2px;\n padding-bottom: 2px;\n transition: all .2s ease;\n &::selection {\n background-color: rgba(0, 150, 255, 0.3);\n text-shadow: none;\n }\n &:hover {\n background-image: linear-gradient(90deg, $laser 100%, transparent 100%);\n text-decoration: none;\n background-position: 0 1.02em;\n background-size: 1px 1px;\n padding-bottom: 3px;\n transition: all .2s ease;\n }\n }\n}\n.pretty-text-underline::selection {\n background-color: rgba(0, 150, 255, 0.3);\n text-shadow: none;\n}\n.l-box-contact {\n max-width: 600px;\n width: 100%;\n margin: 120px 0 0 180px;\n & .col-md-6 {padding: 0 65px 0 0; margin: 0;}\n & h3 {\n padding-bottom: 40px;\n font-family: 'Roboto';\n font-size: 52px;\n line-height: 0.9;\n letter-spacing: -0.015em;\n color: black;\n }\n}\n\na, a:visited, a:focus, a:hover {text-decoration: none; border-bottom: 0;}\na.svg {\n position: relative;\n z-index: 4;\n &:after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 5;\n }\n}\n\nstrong, b {font-weight: 700;}\np, ul li, ol li {font-size: 17px; line-height: 1.4; color: #333232;}\np.copyright {\n font-weight: 500;\n padding: 180px 0 40px 0;\n text-align: center;\n a {color: black;}\n &:hover {text-decoration: none;}\n}\nh2, h3, h4 {font-weight: 600;}\nh2 {margin-top: 30px; font-size: $font-size-h2;}\nh3 {font-size: $font-size-h3;}\n\naside {\n position: fixed;\n float: left;\n width: 240px; height: 100vh;\n z-index: 3;\n}\n.l-content, #l-content-html-css, #l-content-wordpress, #l-content-react {\n max-width: 960px;\n width: 100%;\n}\n\nmain.accueil {\n position: fixed;\n padding: 0 0 0 240px;\n width: 100%; height: 100vh;\n float: right;\n .col-md-6 {padding: 0; margin: 0;}\n #col-gauche {padding-right: 80px;}\n .vertical-align {\n position: relative;\n display: table-cell;\n vertical-align: middle;\n min-height: 100vh; height: 100vh;\n z-index: 2;\n & img {position: relative; margin: 0 auto; top: 13rem; display: table;}\n }\n #background-home {\n float: right;\n width: 50%;\n height: 100vh;\n background-size: cover;\n background-image: url('http://julienlucas.com/wp-content/uploads/2017/10/julien-lucas-developpeur-front-end-wordpress-freelance-6.jpg');\n background-position: center center;\n background-repeat: no-repeat;\n animation:fade_opacity ease-in 1;\n animation-fill-mode:forwards;\n animation-duration:0.5s;\n animation-delay: 4s;\n opacity: 0;\n &:after {\n content: '';\n display: block;\n width: 100%;\n padding-top: 33.333%;\n }\n }\n h1.headline-home {\n margin-bottom: 20px;\n font-size: $font-size-h1;\n font-weight: 700;\n padding-right: 5%;\n color: black;\n & span.or {color: $twine;}\n }\n p {font-size: 20px; padding-right: 5%; margin-bottom: 15px;}\n #description-home {\n animation: mini_slide_top .3s cubic-bezier(.4,0,.2,1);\n animation-fill-mode:forwards;\n animation-duration:0.5s;\n animation-delay: 4s;\n opacity: 0;\n }\n .visually-hidden {\n position: absolute;\n overflow: hidden;\n clip: rect(0 0 0 0);\n height: 1px; width: 1px;\n margin: -1px; padding: 0; border: 0;\n }\n .typed-cursor{display: none;}\n .work-accueil {\n width: 70%;\n animation: mini_slide_top .3s cubic-bezier(.4,0,.2,1);\n animation-fill-mode: forwards;\n animation-timing-function: ease-in;\n animation-delay: 4s;\n opacity: 0;\n }\n}\n\nmain.services, main.blog, main.apropos, main.contact, main.travail, main.page, main.single {\n position: relative;\n padding: 0 240px 0 240px;\n float: right;\n width: 100%; height: 100vh;\n z-index: -1;\n .l-content, #l-content-html-css, #l-content-wordpress, #l-content-react {margin-top: 45px; min-height: 230px;}\n #l-content-html-css, #l-content-wordpress, #l-content-react {\n strong {color: $twine;}\n }\n #l-content-html-css {\n margin-bottom: 80px;\n background-repeat: no-repeat;\n background-position: right 0;\n background-image: url('images/logo-html-css.png');\n background-size: 230px;\n }\n #l-content-wordpress {\n margin-top: 10px;\n padding-bottom: 80px;\n background-repeat: no-repeat;\n background-position: right 0;\n background-image: url('images/logo-wordpress.png');\n background-size: 180px;\n }\n #l-content-react {\n background-repeat: no-repeat;\n background-position: right 0;\n background-image: url('images/logo-react.png');\n background-size: 180px;\n }\n #l-content-optimisations {\n ul {margin-top: 50px;}\n li {font-size: $font-size-base; margin-bottom: -5px;}\n }\n #optimisation-row {padding-top: 10px; padding-bottom: 0; margin-top: -40px;}\n #l-projets {\n position: relative;\n margin-top: 60px;\n .col-md-4 {\n &.projet-1, &.projet-4 {padding: 0 20.75px 0 0;}\n &.projet-2, &.projet-5 {padding: 0 7.25px 0 7.25px;}\n &.projet-3, &.projet-6 {padding: 0 0 0 20.75px;}\n img {position: relative; margin: 0 auto; display: table; z-index: -1; cursor: pointer; transition: all .3s ease;}\n &:hover img {filter:brightness(75%); transition: all .3s ease;}\n }\n h3 {\n margin-top: 30px;\n font-size: 30px;\n font-weight: 700;\n text-align: center;\n color: black;\n }\n h4 {\n font-weight: 400;\n text-align: center;\n color: #7b7b7b;\n }\n p {\n position: relative;\n margin: 0 auto;\n display: table;\n width: 80%;\n font-size: 22px;\n line-height: 1.2;\n text-align: center;\n color: $or;\n }\n }\n p.description-blog, p.description-contact {\n position: relative;\n top: 210px;\n font-size: 20px;\n line-height: 1.3;\n color: black;\n & a {font-size: 20px;}\n }\n p.description-contact {\n top: 190px;\n font-size: $font-size-h4;\n line-height: 1;\n font-weight: 600;\n text-align: right;\n color: #333232;\n & span {font-size: $font-size-h6; font-weight: 400;}\n }\n h1.headline {\n position: relative;\n top: 150px;\n margin-bottom: 200px;\n max-width: 960px;\n width: 100%;\n font-family: 'Roboto';\n font-weight: 700;\n font-size: $font-size-h1;\n line-height: 1.02;\n letter-spacing: -0.03em;\n color: black;\n }\n & h2 {color: $twine; padding-top: 45px;}\n & h2.sub-headline {padding-top: 0;}\n & h2.blockquote {margin-top: 5px; padding-top: 0; color: $twine; line-height: 1.3;}\n & h2.services {\n padding-top: 40px;\n margin-bottom: 0;\n font-family: 'Roboto';\n font-size: 52px;\n line-height: 0.9;\n color: black;\n letter-spacing: -0.015em;\n }\n}\n\nmain.apropos {\n h1.headline {margin-bottom: 150px;}\n h2 {margin-bottom: 4rem; color: black;}\n strong {color: $twine;}\n img {\n background: #ebebeb;\n float: left;\n width: 100%; max-width: 340px; height: auto;\n margin: 5px 3.5rem 3.5rem 0;\n }\n .l-box-contact {margin-top: 200px;}\n & a {font-size: 17px;}\n}\nmain.travail {\n p {padding-bottom: 40px;}\n h2 {color: black;}\n .l-content {float: left; width: 70%; margin-bottom: 200px;}\n .aside {\n padding: 40px 0 0 50px;\n float: right;\n width: 30%;\n & p {font-size: 16px;}\n & h3 {margin-top: -10px; margin-bottom: 0px;}\n }\n img {\n margin-bottom: 60px;\n width: 100%;\n max-width: 960px;\n box-shadow: 0px 0px 52px 5px rgba(204,204,204,1);\n }\n}\nmain.blog {\n .l-content-blog {\n h2 a {font-size: $font-size-h2;}\n }\n}\nmain.contact {\n .l-content {margin-top: 0;}\n .col-md-7 {padding: 0; margin: 0;}\n .col-md-6 {padding: 0; margin: 0; padding-right: 10px;}\n .title-file {font-weight: 600; font-size: 20px; margin-top: -13px; bottom: -12px; position: relative; font-family: 'Roboto';}\n em {font-size: 16px; bottom: 5px; position: relative; font-family: 'Roboto';}\n .file {font-size: 14px; font-family: 'Roboto';}\n}\nmain.services {\n .col-md-4 {margin: 0; padding: 0;}\n & h2 {padding-top: 0;}\n .logos-clients-slideshow {\n height: 140px;\n width: 100%;\n margin: 0 auto;\n margin-top: 0;\n position: relative;\n overflow: hidden;\n transform: translate3d(0, 0, 0);\n &:before {\n position: absolute;\n content: \" \";\n top: 0;\n left: 0;\n width: 100%;\n height: 140px;\n z-index: 3;\n background-image: -webkit-repeating-linear-gradient(left, white 2%, rgba(183, 183, 183, 0) 20.6%, rgba(183, 183, 183, 0) 78.6%, white 98%, white 100%, white 100%);\n background-image: repeating-linear-gradient(left, white 2%, rgba(183, 183, 183, 0) 20.6%, rgba(183, 183, 183, 0) 78.6%, white 98%, white 100%, white 100%);\n background-image: linear-gradient(left, white 2%, rgba(183, 183, 183, 0) 20.6%, rgba(183, 183, 183, 0) 78.6%, white 98%, white 100%, white 100%);\n pointer-events: none;\n }\n > div {\n height: auto;\n width: 12526px;\n background: url('/wp-content/uploads/2018/01/developpeur-front-end-wordpress-clients-referents-1.jpg');\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n transform: translate3d(0, 0, 0);\n }\n & .mover {animation: moveSlideshow 140s linear infinite;}\n }\n @keyframes moveSlideshow {\n 100% {transform: translateX(-66.6666%);}\n }\n}\n\nmain.page, main.single {\n h2 {margin-bottom: 20px; padding-bottom: 0;}\n .author-box {\n img {position: relative; margin: 30px auto; margin-top: 70px; display: table;}\n p {position: relative; margin: 0 auto; display: table; max-width: 520px; width: 100%; text-align: center;}\n }\n}\nmain.blog, main.single {\n p.date {font-style: italic; padding-top: 0; font-weight: 500; letter-spacing: 0; font-size: 16px; font-family: 'Roboto';}\n}\n main.single {\n p.date {padding-top: 20px;}\n p, ul li, ol li, a {font-size: $font-size-base;}\n}\n\n/* Contact form 7 */\n.wpcf7 input[type=\"text\"]::-webkit-input-placeholder,\n.wpcf7 input[type=\"email\"]::-webkit-input-placeholder,\n.wpcf7 textarea::-webkit-input-placeholder, .wpcf7 select::-webkit-input-placeholder,\n.wpcf7 input[type=\"tel\"]::-webkit-input-placeholder {\n color: #6b6b6b;\n}\n.wpcf7 input[type=\"text\"], .wpcf7 input[type=\"email\"], .wpcf7 input[type=\"tel\"], .wpcf7 select {\n position: relative;\n width: 100%; height: 50px;\n padding: 4px 0 2px 15px;\n box-shadow: 0;\n border: 0;\n background: #ebebeb;\n appearance:none;\n transition: all .2s ease;\n}\n.wpcf7 textarea {\n max-width: 950px;\n width: 100%;\n padding: 15px 0 0 15px;\n box-shadow: 0;\n border: 0;\n appearance:none;\n background: #ebebeb;\n transition: all .2s ease;\n}\n.textarea {margin-right: 10px;}\n.wpcf7 select {\n width: 100%;\n font: 16px/18px;\n appearance:none;\n box-shadow: 0;\n border: 0;\n color: #7b7b7b;\n background: #ebebeb url('/img/arrow-drop-down.png') 96% 20px no-repeat;\n background-image: 15px;\n cursor: pointer;\n transition: all .2s ease;\n}\n.wpcf7 input[type=\"text\"]:focus, .wpcf7 input[type=\"email\"]:focus,\n.wpcf7 input[type=\"tel\"]:focus, .wpcf7 textarea:focus, .wpcf7 select:focus {\n background: #dedede;\n transition: all .2s ease;\n}\n.wpcf7 input[type=\"submit\"] {\n float: right;\n width: auto;\n display: block;\n text-align: center;\n font-family: 'Roboto';\n font-size: 20px;\n font-weight: 600;\n letter-spacing: 0.02em;\n color: white;\n padding: 35px;\n border-radius: 0;\n border: 0;\n text-decoration: none;\n background: $twine;\n transition: all .2s ease;\n &:hover {\n color: white;\n background: $laser;\n transition: all .2s ease;\n }\n}\n.wpcf7-not-valid-tip {\n position: relative;\n margin-top: 14px;\n margin-bottom: -19px;\n font: 11px/13px;\n}\n.wpcf7-validation-errors {\n font-size: 11px;\n color: red;\n border: 0;\n display: none;\n}\n.wpcf7-not-valid, .wpcf7-select .wpcf7-not-valid, .wpcf7 select.wpcf7-not-valid,\n.wpcf7 input[type=text].wpcf7-not-valid, .wpcf7 input[type=email].wpcf7-not-valid,\n.wpcf7 input[type=tel].wpcf7-not-valid, .wpcf7 textarea.wpcf7-not-valid {\n border: 2px solid red;\n}\n.wpcf7-response-output.wpcf7-mail-sent-ok, .wpcf7-response-output.wpcf7-validation-errors,\n.wpcf7-response-output.wpcf7-spam-blocked {\n background: transparent;\n text-align: center;\n border: 0;\n font-size: 17px;\n}\n\n/* Animations */\n.o-heading-line {\n display:block;\n overflow:hidden;\n padding-bottom:.12em;\n margin-bottom:-.12em;\n}\n.o-heading_text {\n display:inline-block;\n}\n.delai-1, .delai-2, .delai-3, .delai-4, .delai-5, .delai-6, .delai-7, .delai-8, .delai-9 {\n animation: slide_top .5s cubic-bezier(.4,0,.2,1);\n animation-fill-mode: forwards;\n animation-timing-function: ease-in;\n opacity: 0;\n}\n.delai-1 {animation-delay: .1s;}\n.delai-2 {animation-delay: .2s;}\n.delai-3 {animation-delay: .3s;}\n.delai-4 {animation-delay: .4s;}\n.delai-5 {animation-delay: .5s;}\n.delai-6 {animation-delay: .6s;}\n.delai-7 {animation-delay: .7s;}\n.delai-8 {animation-delay: .8s;}\n.delai-9 {animation-delay: .9s;}\n\n@keyframes fade_opacity {\n from { opacity:0; } to { opacity:1; }\n}\n@keyframes mini_slide_top {\n from {opacity:0; transform:translate3d(0,5%,0);}\n to {opacity:1; transform:none;}\n}\n@keyframes slide_top {\n from {opacity:0; transform:translate3d(0,75%,0);}\n to {opacity:1; transform:none;}\n}\n@keyframes slide_bottom {\n from {opacity:0; transform:translate3d(0,-75%,0);}\n to {opacity:1; transform:none;}\n}\n.link{\n position: fixed;\n bottom: 0;\n left: 0;\n margin: 10px;\n font-family: sans-serif;\n font-weight: 100;\n a {\n color: black;\n text-decoration: none;\n &:hover{text-decoration: underline;}\n }\n}\nsvg {position: relative; margin: 0 auto; width: 100%; height: 100%;}\n\n.name {transform-origin: 50% 50%; transform: scale(0.75);}\n\n@media (max-width: 1600px) {\n p, ul li, ol li {font-size: 16px;}\n main.accueil, main.services, main.blog, main.apropos, main.page, main.single, main.contact, main.travail {\n padding: 0 160px 0 160px;\n ul li, ol li {padding-bottom: 0;}\n h1.headline {top: 120px; margin-bottom: 150px;}\n }\n main.accueil {\n padding: 0 0 0 160px;\n h1.headline-home {font-size: 44px;}\n p {font-size: 18px;}\n #col-gauche {padding-right: 20px;}\n }\n main.services {\n ul.detail {position: relative; margin-top: -30px;}\n #l-content-optimisations {\n margin: 0; padding: 0;\n &.col-md-6 {margin: 0; padding: 0;}\n &.row {margin: 0; padding: 0;}\n }\n }\n}\n\n@media (max-width: 1200px) {\n main.accueil, main.services, main.blog, main.apropos, main.contact, main.travail {padding: 0 55px 0 55px;}\n main.accueil {padding: 0 0 0 55px;}\n aside {display: none;}\n}\n@media (max-width: 990px) {\n .l-box-contact {\n margin: 120px 0 0 0;\n & .col-md-6 {padding: 0 65px 0 0;}\n h3 {padding-bottom: 10px;}\n }\n main.contact {\n .col-md-5 {margin-top: -200px;}\n .wpcf7 {padding-top: 170px;}\n }\n main.accueil, main.services, main.blog, main.apropos, main.page, main.single, main.contact, main.travail {\n h1.headline-home, h1.headline {font-size: $font-size-h1-mobile; top: 70px; margin-bottom: 100px;}\n h2, h2.sub-headline {font-size: $font-size-h2-mobile;}\n h2.services {font-size: 38px;}\n h3, h2.blockquote {font-size: $font-size-h3-mobile;}\n .l-box-contact {\n h3 {font-size: 38px;}\n }\n #l-projets {\n margin-top: 0;\n & #projet-1, & #projet-2, & #projet-3, & #projet-4, & #projet-5, & #projet-6 {padding: 30px 0 0 0;}\n h3 {font-size: 24px;}\n p {font-size: 18px;}\n }\n }\n main.blog {\n p.description-blog {top:0px;}\n }\n }\n@media (max-width: 768px) {\n main.accueil {\n position: absolute;\n padding: 0;\n height: 100%;\n float: none;\n #background-home {float: none; width: 100%; height: auto; background-image: none;}\n .col-md-6 {display: none;}\n .col-md-6#col-gauche {padding: 60px 40px 0 40px; display: block;}\n h1.headline-home {margin-bottom: 5px;}\n .vertical-align {height: auto;}\n }\n}\n\n@media (max-width: 680px) {\n main.accueil, main.services, main.blog, main.apropos, main.contact, main.travail {padding: 0 25px 0 25px;}\n main.travail {\n .l-content {float: none; width: 100%;}\n .aside {float: none; width: 100%; padding: 40px 0 0 0;}\n }\n}\n@media (max-width: 480px) {\n .l-box-contact {\n margin: 30px 0 0 0;\n }\n main.accueil {\n .col-md-6#col-gauche {padding: 60px 20px 0 20px;}\n }\n}\n","/* ==|====================\n Layout/Header\n ======================= */\nheader {\n .logo {\n position: fixed;\n top: 160px;\n left: -60px;\n height: 45px;\n transform: rotate(-90deg);\n z-index: 10;\n }\n nav {\n position: fixed;\n width: 100%; height: 140px;\n top: 0;\n background: white;\n transition: all 0.3s ease-in-out;\n z-index: 9;\n & .menu {\n position: absolute;\n left: 175px;\n float: left;\n & li {\n position: relative;\n font-family: 'Roboto';\n font-size: 16px;\n font-weight: 500;\n display: inline-block;\n margin: 0 28px 0 28px;\n z-index: 5;\n & a {\n padding: 60px 0px 65px 0px;\n display: block;\n color: black;\n &:hover, &.focus, &.visited {text-decoration: none;}\n }\n &:first-child a {margin-left: 0; padding-left: 0;}\n }\n }\n }\n ul.social-medias {\n position: fixed;\n bottom: 30px;\n z-index: 4;\n & li {\n list-style: none;\n padding: 17px 0 17px 0;\n margin: 0 20px 0 20px;\n &:first-child {margin: 0 16px 0 24px;}\n }\n }\n .ripple-1, .ripple-2, .ripple-3, .ripple-4, .ripple-5 {\n \tposition: fixed;\n top: 0; left: 0; right: 0; bottom: 0;\n \twidth: 100vw;\n \theight: 100vh;\n \toverflow: hidden;\n background-color: white;\n clip-path: circle(30px at 270px 40px);\n transition: .3s;\n \tz-index: -1;\n }\n .ripple-2 {clip-path: circle(30px at 400px 40px);}\n .ripple-3 {clip-path: circle(30px at 550px 40px);}\n .ripple-4 {clip-path: circle(30px at 710px 40px);}\n .ripple-5 {clip-path: circle(30px at 95vw 94vh);}\n .active {clip-path: circle(100% at center); transition: .3s; z-index: 1;}\n}\n\n.nav-top {top: 0; transition: all 0.3s ease-in-out;}\n.nav-up {top: -140px; transition: all 0.3s ease-in-out;}\n\n.menu-mobile {\n position: fixed;\n display: none;\n top: 0;\n width: 50%; height: 100vh;\n background: white;\n z-index: 8;\n ul {\n padding-top: 180px;\n padding-right: 32px;\n & li {\n padding-bottom: 28px;\n font-family: 'Roboto';\n font-size: 22px;\n line-height: 1;\n font-weight: 600;\n list-style: none;\n letter-spacing: 0.01em;\n text-align: right;\n cursor: pointer;\n & a {color: black;}\n & a:hover {\n background-position: 0 0;\n background-size: 0 0;\n text-decoration: none;\n }\n }\n }\n}\n#pushmenu-left {\n right: -50%;\n transition: all 0.3s ease;\n &.open {right: 0; transform: translate3d(0, 0, 0); transition: all 0.3s ease;}\n}\n#overlay-mobile-menu {\n position: absolute;\n top: 0; right: 0; bottom: 0; left: 0;\n background: black;\n width: 100vw; height: 100vh;\n visibility: hidden;\n opacity: 0;\n z-index: 7;\n content: '';\n transition: all 0.3s ease;\n &.active {visibility: visible; opacity: 0.4; transition: all 0.3s ease;}\n}\n\nul.menu {\n li {\n transition-duration: 0.2s;\n position: relative;\n &:before, &:after {\n content: '';\n position: absolute;\n bottom: 60px;\n width: 0;\n height: 2.2px;\n margin: 3px 0 0;\n transition: all 0.2s ease-in-out;\n transition-duration: 0.2s;\n opacity: 0;\n }\n &:before {left: calc(50%); background-color: desaturate(black, 40%);}\n &:after {right: calc(50%); background-color: desaturate(black, 40%);}\n &:hover {\n cursor: pointer;\n &:before, &:after {width: 50%; opacity: 1;}\n }\n }\n}\n\nheader {\n .menu-mobile, ul.social-medias {\n li {\n &:before, &:after {display: none;}\n }\n li a {\n transition-duration: 0.2s;\n position: relative;\n &:before,\n &:after {\n content: '';\n position: absolute;\n bottom: 60px;\n width: 0;\n height: 1.8px;\n margin: 3px 0 0;\n bottom: -5px;\n transition: all 0.2s ease-in-out;\n transition-duration: 0.2s;\n opacity: 0;\n }\n &:before {left: calc(50%); background-color: desaturate(black, 40%);}\n &:after {right: calc(50%); background-color: desaturate(black, 40%);}\n &:hover {\n cursor: pointer;\n &:before, &:after {width: 50%; opacity: 1;}\n }\n }\n }\n}\n\nheader {\n ul.social-medias {\n li a {\n &:before, &:after {display: none;}\n }\n }\n}\n\n.hamburglar {\n position: absolute;\n top: 12px; right: 30px;\n transform: scale(1);\n display: none;\n width: 68px;\n height: 68px;\n user-select: none;\n z-index: 9999999;\n cursor: pointer;\n}\n#top, #bottom {\n position: absolute;\n display: block;\n height: 3px;\n width: 36px;\n border-radius: 2px;\n background: black;\n}\n#top {top: 23px; left: 16px;}\n#bottom {top: 41px; left: 16px;}\npath, line {\n stroke: black;\n stroke-linecap: round;\n}\n#top, #bottom {\n transform-origin: 34px 2px;\n transform: rotate(0deg);\n transition: all 500ms cubic-bezier(0.8, -1.1, 0.5, 1.9);\n}\n#circle {\n stroke-dasharray: 1 100 32 300;\n stroke-dashoffset: 101;\n transition: all 750ms ease;\n}\n.hamburglar.is-closed #circle {\n stroke-dasharray: 1 100 190 300;\n stroke-dashoffset: 1;\n}\n.hamburglar.is-closed #top {transform: translateX(-4.5px) rotate(-45deg); top: 22px;}\n.hamburglar.is-closed #bottom {transform: translateX(-4.5px) rotate(45deg); top: 44px;}\n\n@media (max-width: 1600px) {\n header {\n .logo {top: 120px;}\n nav {\n height: 90px;\n & .menu {\n left: 95px;\n & li a {padding: 30px 0px 30px 0px;}\n }\n }\n .ripple-1 {clip-path: circle(30px at 190px 40px);}\n .ripple-2 {clip-path: circle(30px at 320px 40px);}\n .ripple-3 {clip-path: circle(30px at 470px 40px);}\n .ripple-4 {clip-path: circle(30px at 630px 40px);}\n }\n ul.menu li {\n &:before, &:after {bottom: 27px;}\n }\n}\n\n@media (max-width: 1200px) {\n .menu-mobile {display: block;}\n header {\n .logo {\n position: absolute;\n top: 20px; left: 0; right: 0;\n margin: 0 auto;\n transform: rotate(0deg);\n z-index: 9999999;\n }\n .ripple-1, .ripple-2, .ripple-3, .ripple-4 {display: none;}\n nav {display: none;}\n ul.social-medias {\n top: 400px;\n right: -50%;\n bottom: auto;\n z-index: 9;\n transition: all 0.3s ease;\n &.active {right: 22px; transform: translate3d(0, 0, 0); transition: all 0.3s ease;}\n & li {\n display: inline-block;\n padding: 8px 0 8px 0;\n margin: 0 8px 0 8px;\n }\n }\n }\n .hamburglar {display: block;}\n}\n\n@media (max-width: 768px) {\n .hamburglar {top: 10px; right: 20px;}\n}\n@media (max-width: 480px) {\n .hamburglar {right: 20px;}\n header {\n .logo {top: 23px; width: 160px; height: auto;}\n ul.social-medias {top: 300px;}\n ul.social-medias.active {right: 10px;}\n }\n .menu-mobile {\n ul {\n padding-left: 0;\n padding-right: 15px;\n padding-top: 110px;\n & li {padding-bottom: 28px; font-size: 18px;}\n }\n }\n}\n","/* ==|====================\n Module/Boutons\n ======================= */\n\n/* Animations */\n.btn, .btn-a:hover, #btn-contact-fixed, #btn-contact-fixed:hover {transition: all 0.3s ease-in-out;}\na.btn, a.btn:visited, a.btn:focus, a.btn:hover {text-decoration: none; border-bottom: 0; color: white; box-shadow: 0;}\n\n/* Boutons */\n.btn {\n position: relative;\n margin: 0 auto;\n background: $twine;\n color: white;\n font-family: 'Roboto';\n font-size: 18px;\n letter-spacing: 0.02em;\n text-align: center;\n padding: 15px;\n text-decoration: none;\n border-radius: 0;\n transition: all .2s ease;\n &:hover {\n color: white;\n background: $laser;\n transition: all .2s ease;\n }\n}\n#btn-home {\n animation: mini_slide_top .3s cubic-bezier(.4,0,.2,1);\n animation-fill-mode:forwards;\n animation-duration:0.5s;\n animation-delay: 4s;\n opacity: 0;\n}\n\n#btn-contact-fixed {\n position: fixed;\n bottom: 40px; right: 40px;\n border-radius: 50%;\n z-index: 99;\n box-shadow: 0px 4px 7px -4px rgba(51,50,50,1);\n img {transition: all 0.2s ease-in-out;}\n img:hover {transform: scale(1.08); transition: all 0.2s ease-in-out;}\n}\n\n@media (max-width: 480px) {\n #btn-contact-fixed {display: none;}\n}\n"]}