/* ============================================================================



---------------- ORGANISATION CSS :



CHAPITRE 1 - IMPORTS
CHAPITRE 2 - CONSTRUCTION
CHAPITRE 3 - ZONE 1
CHAPITRE 4 - ZONE 2
CHAPITRE 5 - ZONE 3
CHAPITRE 6 - ZONE 4
CHAPITRE 7 - RESPONSIVE


=============================================================================== */



/* ============================================================================

--- 1 - IMPORTS - FELIX 

=============================================================================== */


@font-face {
    font-family: 'lineto';
    src: url('../fonts/lineto/lineto-circular-book.eot?') format('eot'),
    ;
    }
    
    @font-face {
    font-family: 'lineto';
    font-weight:bold;
    src: url('../fonts/lineto/lineto-circular-bold.eot?') format('eot'),
         ;
    }
    
    @font-face {
      font-family: 'austin';
      src: url("../fonts/austin/austin-lightitalic.woff");
      font-weight:italic;
    }
    
    
    @font-face {
      font-family: 'web';
      src: url("../fonts/web/web.woff");
      font-weight: bold;
    }
    
    
    @font-face {
      font-family: 'cigra';
      src: url("../fonts/cigra/Cigra Free Demo.woff");
      font-weight:normal;
    }
    
    @font-face {
      font-family: 'glysa';
      src: url("../fonts/Glysa/Glysa-trial.woff");
      font-weight:normal;
    }
    
    @font-face {
      font-family: 'aremia';
      src: url("../fonts/aremia/Aremia-Regular-trial.woff");
      font-weight:normal;
    }
    
    @font-face {
        font-family: 'windsor';
        src: url("../fonts/windsor/WindsorBT-Light.woff");
        font-weight:normal;
      }
      
    
    @font-face {
      font-family: 'GrifinitoL';
      src: url("../fonts/GrifinitoL/GrifinitoL.woff");
      font-weight:normal;
    }
    
    @font-face {
        font-family: 'gaia';
        src: url("../fonts/gaia/Gaia-Display_1.woff");
        font-weight:normal;
      }
    
      @font-face {
        font-family: 'grandslang';
        src: url("../fonts/grandslang/GrandSlang-B-Side.woff2");
        font-weight:normal;
      }
    
    
      @font-face {
      font-family: 'belle';
      src: url("../fonts/Belle/BelledeMai-Regular.woff");
      font-weight:normal;
    }
    
    @font-face {
      font-family: 'belle2';
      src: url("../fonts/Belle/BelledeMaiItalic-Regular.woff");
      font-weight:normal;
    }
    
    @font-face {
      font-family: 'alienor';
      src: url("../fonts/alieonor/AlienorDisplayTrial-Regular.woff");
      font-weight:normal;
    }
    @font-face {
      font-family: 'decay';
      src: url("../fonts/decay/Decay-Trial-Variable.woff");
      font-weight:normal;
    }
    
    
    @font-face {
      font-family: 'ampersan';
      src: url("../fonts/Ampersan/Ampersand-Regular.woff");
      font-weight:normal;
    }
    
    
    @font-face {
      font-family: 'silk';
      src: url("../fonts/silk/AnyConv.com__Silk Serif Medium.woff");
      font-weight:normal;
    }
    
    
    @font-face {
      font-family: 'taiyo';
      src: url("../fonts/taiyo/AnyConv.com__Taiyo-Serif-Medium-Trial.woff");
      font-weight:normal;
    }
    
    @font-face {
        font-family: 'grifinitol';
        src: url("../fonts/GrifinitoL/GrifinitoL.woff");
        font-weight:normal;
      }
    
    
      @font-face {
        font-family: 'canela';
        src: url("../fonts/Canela/Canela-Regular.woff");
        font-weight:normal;
      }
    
      @font-face {
        font-family: 'migra';
        src: url("../fonts/Migra/Migra-Extrabold.woff2");
        font-weight:normal;
      }
    
    
      @font-face {
        font-family: 'saol';
        src: url("../fonts/Saol/SaolDisplay-Light.woff2");
        font-weight:normal;
      }
    
    
      @font-face {
        font-family: 'beirutbold';
        src: url("../fonts/Beirut/beirutdisplay-black-webfont.woff2");
        font-weight:normal;
      }
    
      @font-face {
        font-family: 'beirut';
        src: url("../fonts/Beirut/beiruttext-regular-webfont.woff2");
        font-weight:normal;
      }
    
      @font-face {
        font-family: 'NewYork';
        src: url("../fonts/NewYork/NewYork.woff2");
        font-weight:normal;
      }
    
      @font-face {
        font-family: 'SuisseWorksBold';
        src: url("../fonts/SuisseWorksBold/Suisse\ Works\ Bold.woff2");
        font-weight:normal;
      }
    
    
    /* ============================================================================
    
    @font-face {
    font-family: 'lineto';
    src: url('../fonts/NeueMachina/NeueMachina-Regular.eot?') format('eot'),
         url('../fonts/NeueMachina/NeueMachina-Regular.woff') format('woff');
    }
    
    @font-face {
    font-family: 'lineto';
    font-weight:bold;
    src: url('../fonts/NeueMachina/NeueMachina-Ultrabold.eot?') format('eot'),
         url('../fonts/NeueMachina/NeueMachina-Ultrabold.woff') format('woff');
    }
    
    
    
    
    --- 2 - CONSTRUCTION - FELIX LE CREATIF
    
    =============================================================================== */
    
    .logotype {
        width:auto;
       margin-top: 10px;
      position: sticky;
      top: 53%;
      left: 50%;
      transform: translate(-50%, -50%);
      
    }
    
    
    
    
    .profile_name {
        font-size: 70px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 90%;
    }
    
    #information{
        width:100%;
        
        
        }
    
    
    
    
    .logotypee {
    top: 15px;
        left: 15px;
        width: 11%;
        position:sticky;
        color: rgb(0, 0, 0);
     
        z-index: 1;
    }
    
    
    @media (max-width: 1023px) and (min-width: 768px)
    .bio {
        margin-left: 1.33rem;
    }
    @media (min-height: 768px)
    .bio {
        margin-top: 4rem;
    }
    .bio {
     line-height: 1.15;
    margin-left: 11rem;
    margin-top: 2rem;
    width: 35%;
    }
    
    @media (max-width: 1023px) and (min-width: 768px)
    .bio-links {
        padding: 0 1.33rem;
    }
    .bio-links {
        vertical-align: top;
        height: auto;
        width: 100%;
        align-content: center;
        margin: auto;
    }
    
    
    
    .bio2 {
       
    width: 30%;
    float: right;
    margin-right: 11rem;
    }
    
    .contact {
        width: 28%;
        float: left;
    }
    
    .social {
        width: 22%;
        float: left;
    }
    
    .select {
        float: right;
        margin-right: .5rem;
        margin-top: -2.8rem;
    }
    
    .bio p {
        width: 68%;
        line-height: 1.5;
        font-size: 1.75rem;
        letter-spacing: -.038rem;
        margin-left: 31%;
        padding-right: 6.33rem;
    }
    
    
    
    .s-container {
        width: 100%;
        padding-left: 6.66667vw;
        padding-left: calc((100vw - var(--scrollbar-width))/15*1);
        padding-right: 6.66667vw;
        padding-right: calc((100vw - var(--scrollbar-width))/15*1);
    }
    .s-center-content, .s-center-long-text {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
    }
    .s-center-content {
        text-align: center;
    }
    
    
    .s-spacer--2 {
        height: 1.667vw;
        
    }
    .s-spacer {
        display: block;
        width: 100%;
    }
    
    
    .s-labels--big {
        flex-wrap: wrap;
        max-width: 21.5em;
        margin: -.225em -.115em;
    }
    .s-labels {
        margin: 0 -fluid-value(2.5px,320px,4.5px,1920px);
    }
    .s-labels {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row;
            flex-wrap: nowrap;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        margin: 0 -2.5px;
    }
    .s-labels--big, .s-text-type-2 {
        font-size: calc(28px + 38*(100vw - 320px)/1600);
    }
    .s-labels--big, .s-text-type-2 {
        font-size: 28px;
        line-height: 1.2;
        max-width: 21.5em;
    }
    .s-text-type-4 {
        font-size: 4rem;
        line-height: 5.39rem;
        max-width: 100%;
        text-align: left;
        padding-top: 0%;
        padding-left: 8%;
        padding-right: 8%;
        padding-bottom: 2%;
       letter-spacing: -0.111rem;
       text-indent: 50px;
    }
    
    .s-container {
        width: 100%;
        padding-left: 6.66667vw;
        padding-left: calc((100vw - var(--scrollbar-width))/15*1);
        padding-right: 6.66667vw;
        padding-right: calc((100vw - var(--scrollbar-width))/15*1);
    }
    .s-center-content, .s-center-long-text {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
    }
    .s-center-content {
        text-align: center;
    }
    
    .s-color--black {
        color: #000;
    }
    
    .manifest {
      
        padding-bottom: 6%;
        background-color: #0000001a;
        background-image: url(https://felixedgar.fr/back.jpg);
        background-image: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0% 0%;
        background-attachment: fixed;
    }
    background-color: #f5b29f;
    
    .s-sticky-title-container {
        position: relative;
    }
    article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
        display: block;
    }
    *, ::after, ::before {
        box-sizing: inherit;
        padding: 0;
        margin: 0;
    }
    .s-sticky-title-container__title {
        position: -webkit-sticky;
        z-index: -11;
        position: sticky;
        top: calc(50vh - 12.29167vw);
        top: calc(var(--vh, 1vh)*50 - 12.29167vw);
    }
    
    .s-overflow-title-container {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        width: 100%;
        overflow: hidden;
    }
    .s-text-type-1 {
    font-size: 23.729vw;
    line-height: .8;
    margin-top: 0.25em;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'grifinitol';
    text-align: center;
    
    
    }
    
    .s-container--small {
        width: 100%;
        padding-left: 13.33333vw;
        padding-left: calc((100vw - var(--scrollbar-width))/15*2);
        padding-right: 13.33333vw;
        padding-right: calc((100vw - var(--scrollbar-width))/15*2);
    }
    
    
    .picture {
        width: 100%;
        z-index: 10;
        margin-left: 0%;
        padding-top: 12px;
        display: flex;
        justify-content: left;
        -webkit-animation: zoom 20s;
        animation: zoom 20s;
    }
    
    
    .picture:hover{
    
        border-radius: 0px;
        transition: all cubic-bezier(.4,0,1,1) 300ms;
        transition-property: all;
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
        transition-delay: 0.2s;
    
        
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .cards {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        margin: 0;
        padding: 0;
            padding-right: 0px;
            padding-left: 0px;
            padding-left: 5%;
            padding-right: 5%;
    }
    
    .cards_item {
        width: 50%;
        position: relative;
        left: 0%;
        display: block;
    }
    .cards_item {
        width: 50%;
    }
    .cards_item {
        display: flex;
      
    }
    
    
    .card_image {
    
        border-radius: 0px;
        }
    
    .card_image:hover {
    
        border-radius: 212px;
        }
    
    
    .card_text {
    
      padding-right: 60px;
      
    }
    
    
    
    
    
    
    
    
    
    
    
    .s-labels--big, .s-text-type-2 {
        font-size: calc(28px + 38*(100vw - 320px)/1600);
    }
    .s-labels--big, .s-text-type-2 {
        max-width: 100%;
        text-align: left;
        padding-top: 0%;
        padding-left: 8%;
        padding-right: 8%;
        padding-bottom: 2%;
        font-size: 5.8rem;
        line-height: 6.39rem;
      
        font-family: SuisseWorksBold;
    
    }
    
    .s-text-markup.s-labels--big a, .s-text-type-2.s-text-markup a {
        position: relative;
        display: inline-block;
    }
    .s-text-markup a:first-child {
        z-index: 5;
    }
    
    .works-single__highlight {
        padding: 0 3.862%;
    }
    .works-single__highlight {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;

        padding: 0 5.862%;
    }
    
    .rte--small {
        font-size: .64rem;
        line-height: 1.5em;
    }
    
    .works-single__highlights {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 2%;
        margin-right: 2%;
    }
    
    .num {
      font-size: 15px;
    display: grid;
    
    }
    
    :root {
        --bgColor: #fd3a1e;
        --txtColor: hsl(0, 100%, 5%);
        --btnColor: hsl(0, 100%, 98%);
        --btnFocus: hsl(0, 100%, 95%);
      }
    
    .nav {
        position: fixed;
        z-index: 3;
        top: 13px;
        left: 20px;
        color: #09442F;
        cursor: pointer;
      
        text-align: right;
    }
    .nav {
        font-size: 26px;
        letter-spacing: -0.04rem;
        font-family: 'inter';
        text-transform: lowercase;
    }
    .logo {
        position: absolute;
        left: 0;
    }
    
    .nav {
        color: #09442F;
        cursor: pointer;
        text-align: right;
    }
    .nav ul li, .footer ul li {
        display: inline-block;
        margin-left: 25px;
    }
    
    
    span {
       
        margin: 1.25em 0;

       text-align: left;
    }
    
    .s-text-markup.s-labels--big a::after, .s-text-type-2.s-text-markup a::after {
        display: block;
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: currentColor;
       
    }
    
    
    .s-spacer--1 {
        height: calc(100px + 150*(100vw - 320px)/1600);
    }
    .s-spacer--1 {
        height: 100px;
    }
    
    
    .motscles {
        padding-left: 32px;
        padding-right: 32px;
        min-height: 56px;
    }
    .motscles {
        padding-left: 32px;
        padding-right: 32px;
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .motscles {
        padding-left: 24px;
        padding-right: 24px;
    }
    .motscles {
        box-sizing: border-box;
        margin: 6px;
        margin-top: 6px;
        margin-right: 6px;
        margin-bottom: 6px;
        margin-left: 0px;
    min-width: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    text-align: center;
    line-height: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
    font-size: inherit;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: primary;
    border: 0;
    border-radius: 4px;
    will-change: transform;
    font-weight: 400;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 14px;
    padding-bottom: 14px;
    border-radius: 15px;
    -webkit-transition: all 300ms cubic-bezier(0.23,1,0.32,1);
    transition: all 300ms cubic-bezier(0.23,1,0.32,1);
    cursor: pointer;
    outline: none;
    background-color: #6a232300;
    color: var(--theme-ui-colors-black-100,#000);
    border: solid 2px;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-color: var(--theme-ui-colors-black-90,#1A1A1A);
    min-height: 60px;
    border-radius: 999px;
    padding-left: 24px;
    padding-right: 24px;
    min-height: 48px;
    font-size: 23px;
    font-family: 'inter';
    }
    
    
    .motscles:hover {
    background-color: #fd3a1e;
    color: var(--theme-ui-colors-black-100,#000);
        border: solid 2px;
    
    border-color: var(--theme-ui-colors-black-90,#fd3a1e);
        transition-delay: 1;
    
    }
    
    .arrivage {
        width: 100%;
    z-index: 10;
        display: flex;
        object-fit: cover;
    }
    
    .s-sticky-title-container {
        position: relative;
    }
    
    .inner-div {
       
        text-align: left;
        margin-left:8%;
        margin-right:8%;
    }
    
    
    .global {
        padding-top: 128px;
    }
    .global {
        box-sizing: border-box;
        margin: 0;
        min-width: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        background-size: cover;
        background-position: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 4%;
    
    
    }
    #f8dfe0 #f7b0b6
    
    
    
      
      
      
      #hex {
        text-transform: uppercase;
      }
      
      button {
        font-family: var(--fonts);
        font-size: 0.75em;
        margin: 0.5em;
        padding: 0.5em 1em;
        min-height: 46px;
        background: var(--btnColor);
        color: var(--txtColor);
        border: 0;
      }
      
      button:active {
        background: var(--btnFocus);
      }
      
      button:focus {
        outline: none;
      }
      
      span.sm {
        user-select: none;
        font-size: 0.5em;
      }
    
    .container {
        display: flex;
        flex-direction: column;
        justify-content: left;
        align-items: left;
        padding-top: 150px;
        padding-left: 8%;
    }
    
    
    .css-12n6bt7:hover {
       
        background-color: var(--theme-ui-colors-white-100,#fd3a1e);
       color: var(--theme-ui-colors-black-100,#000);
        border: solid 2px;
    
    border-color: var(--theme-ui-colors-black-90,#fd3a1e);
        transition-delay: 1;
    }
    
    .legende:hover {
       
        background-color: var(--theme-ui-colors-white-100,#fd3a1e);
       color: var(--theme-ui-colors-black-100,#000);
        border: solid 2px;
    
    border-color: var(--theme-ui-colors-black-90,#fd3a1e);transition-delay: 1;
    }
    
    
    
    .card-image {
        display: block;
        min-height: 23rem; /* layout hack */
        background: #fff center center no-repeat;
        background-size: cover;
    
    }
    
    .card-image > img {
        display: block;
        width: 100%;
        opacity: 0; /* visually hide the img element */
    }
    
    .card-image.is-loaded {
        filter: none; /* remove the blur on fullres image */
        transition: filter 1s;
    }
    
    
    .card-list {
        display: block;
        margin: 1rem auto;
        padding: 0;
        font-size: 0;
        text-align: center;
        list-style: none;
    }
    
    .card {
        display: inline-block;
        width: 100%;
    
        margin: 1.3rem;
        font-size: 1rem;
        text-decoration: none;
        overflow: hidden;
    }
    
    
    
    .card-description {
        display: block;
        padding: 2em 0.5em;
        color: #515151;
        text-decoration: none;
    }
    
    .card-description > h2 {
        margin: 0 0 0.5em;
    }
    
    .card-description > p {
        margin: 0;
    }
    
    .s-text-type-3 {
        font-size: 25px;
        line-height: 1.4;
     margin-left: 15%;
     margin-right: 15%;
     text-align: center;
    }
    
    body, html {
        font-size: calc(7px + 10*(100vw - 309px)/1590);
    }
    
    body { background: #221; }
    #slidy-container { 
      width: 100%; overflow: hidden; margin: 0 auto;
     
      
    }
    
    body { background: #221; }
    #slidy-container2 { 
      width: 100%; overflow: hidden; margin: 0 auto;
    }
    
    
    
    
    .slider {
      position: relative;
      width: 800px;
      margin: 0 auto;
      height: 500px;
      overflow: hidden;
      white-space: nowrap;
    }
    
    .slider-wrapper {
      position: relative;
      height: 100%;
      width: 100%;
    }
    
    .slide {
      display: inline-block;
      height: 100%;
      width: 100%;
    }
    
    .arrow {
      height: 50px;
      width: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #f9f9f9;
      border-radius: 50%;
      cursor: pointer;
      transition: transform ease-in .1s;
    }
    
    .nextArrow {
      position: absolute;
      top: 50%;
      right: 25px;
      z-index: 999;
      color: #fff;
    }
    
    .backArrow {
      position: absolute;
      top: 50%;
      left: 25px;
      z-index: 999;
      color: #fff;
    }
    
    .fa-arrow-right:before, .fa-arrow-left:before {
      color: #222
    }
    
    #vids {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    
    #vids a:first-of-type {
      margin-bottom: 5px;
    }
    
    
    
    .header__current span {
        display: inline-block;
        margin: 0 10px 0 0;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #000;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .cUNwwp {
        width: 50vw;
        height: 50vw;
        padding: 0px 18px;
        will-change: opacity;
    }
    
    
    .css-12n6bt7 {
        padding: 16px 24px;
    }
    .css-12n6bt7 {
        box-sizing: border-box;
        margin: 0px;
        min-width: 0px;
        appearance: none;
        text-align: center;
        line-height: inherit;
        text-decoration: none;
        will-change: transform;
        font-weight: 600;
        padding: 16px 32px;
        transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
        cursor: pointer;
        outline: currentcolor none medium;
        background-color: var(--theme-ui-colors-white-100,#FFFFFF);
        color: var(--theme-ui-colors-black-100,#000000);
        border-style: solid;
        border-width: 2px;
        border-image: none 100% / 1 / 0 stretch;
        border-color: var(--theme-ui-colors-white-100,#FFFFFF);
        font-size: 18px;
        display: inline-flex;
        -moz-box-align: center;
        align-items: center;
        border-radius: 999px;
        min-height: 54px;
        max-height: 54px;
        position: fixed;
    right: 25px;
    top: 25px;
        z-index: 1000;
    }
    
    .legende {
    z-index: 21;
    
    padding: 16px 32px;
    cursor: pointer;
    outline: currentcolor none medium;
    background-color: var(--theme-ui-colors-white-100,#FFF0);
    color: var(--theme-ui-colors-black-100,#fff);
    border-style: solid;
    border-width: 2px;
    border-image: none 100% / 1 / 0 stretch;
    border-color: var(--theme-ui-colors-white-100,#FFF);
    font-size: 18px;
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    border-radius: 999px;
    min-height: 54px;
    max-height: 54px;
    
    }
    
    .picture2 {
    color: #000;
    
    position: absolute;
        padding-top: 35px;
    padding-left: 35px;
    }
    
    
    
    
    
    .bluezone {
        background-color: #e9e9e1;
        color: #000;
        margin: 0px;
    padding: 96px;
        padding-left:5%;
    }
    
    .sliderim {
        
    
        display: table-cell;
    margin: 15px;
        margin: 0px;
        /* padding: 96px; */
        padding-left: 15%;
        padding-right: 25%;
        padding-top: 75px;
    }
    
    
    
    .description {
    
    color: #000;
    margin: 0px;
    padding: 3%;
    padding-top: 0px;
    }
    
    
    
    .nofollow {
    
    padding-right: 150px;
    }
    
    
    
    #box {
        overflow-y: visible;
        overflow-x: auto;
        white-space: nowrap;
        vertical-align: text-top;
        margin: 0;
        padding: 0;
        clear: both;
        border-spacing: 5px;
    }
    .item {
        display: table-cell;
        min-width: 240px;
        width: 240px;
        font-size: 140px;
        border: 2px solid #d1d1d1;
        border-radius: 5px;
        padding: 5px;
        margin: 5px;
        white-space: normal;
        line-height: 1.6;
        vertical-align: top;
        text-align: center;
    }
    
    
    
    .div-block {
        margin-top: 0px;
        margin-left: 0px;
        padding: 100px 40px;
        float: none;
    }
    
    .slider {
        display: none;
    }
    .w-slider {
        position: relative;
        height: 300px;
        text-align: center;
        background: #dddddd;
        clear: both;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        tap-highlight-color: rgba(0,0,0,0);
    }
    
    .w-slider-mask {
        position: relative;
        display: block;
        overflow: hidden;
        z-index: 1;
        left: 0;
        right: 0;
        height: 100%;
        white-space: nowrap;
    }
    
    #intro {
        height: 100vh;
        -webkit-transition: height 1.6s cubic-bezier(.72,0,.01,1);
        -moz-transition: height 1.6s cubic-bezier(.72,0,.01,1);
        -ms-transition: height 1.6s cubic-bezier(.72,0,.01,1);
        -o-transition: height 1.6s cubic-bezier(.72,0,.01,1);
        transition: height 1.6s cubic-bezier(.72,0,.01,1);
        overflow: hidden;
        display: box;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-box-pack: center;
        -o-box-pack: center;
        box-pack: center;
        -webkit-flex-pack: center;
        -moz-flex-pack: center;
        -ms-flex-pack: center;
        -o-flex-pack: center;
        flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-box-align: center;
        -o-box-align: center;
        box-align: center;
        -webkit-flex-align: center;
        -moz-flex-align: center;
        -ms-flex-align: center;
        -o-flex-align: center;
        flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        cursor: pointer;
        z-index: -1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
    }
    #intro, #wrapper {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
    
    }
    
    
    .block--nomarginbottom {
        margin-bottom: 0 !important;
    }
    .block {
        margin: 50px 0;
        display: flex;
        flex-direction: row;
    }
    
    .block>div {
        width: 33%;
    }
    .block__social {
        overflow: hidden;
    }
    
    .clock {
        border-radius: 100%;
        background: #fff ;
        background-size: 88%;
        height: 20em;
        padding-bottom: 0;
        position: absolute;
        width: 15em;
        height: 15em;
        left: 38%;
        top: 28%;
    }
    
     .container {
          width: 100%;
          margin: 0 auto;
         
        }
        
        a{
        text-decoration:none;
        color:#fff;
        }
    
        .main {
          position: relative;
        }
        
        .shuffle-me {
          width: 25%;
          height: 150px;
          margin: 2%;
          display: block;
          position: relative;
          float: left;
          width: 26%;
          height: 209px;
        }
    
        .info {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(0,0,0,0.35);
          padding: 20px;
          text-align: center;
          display: block;
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
        }
    
    
    
    #winston1 {
    position:fixed;
    width: 37%;
          animation-name: spin;
      animation-duration: 15000ms;
      animation-iteration-count: infinite;
      animation-timing-function: linear; 
    
    }
    
    @keyframes spin {
        from {
            transform:rotate(0deg);
        }
        to {
            transform:rotate(360deg);
        }
    }
    
    #winston2 {
    position: fixed;
        width: 28%;
        left: 25%;
        Top: 24%;
    
    }
    
    
    
    
    #winston3 {
     position: fixed;
        width: 28%;
        left: 25%;
        Top: 20%;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    
    }
    
    #winston4 {
       position: fixed;
        width: 47%;
        left: 13%;
        bottom: 10%;
        -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
    
    }
    
    #winston5 {
        position: fixed;
        top: 7%;
        width: 42%;
        right: 0.2%;
              animation: shake 0.5s;
    
      /* When the animation is finished, start again */
      animation-iteration-count: infinite;
    
    }
    
    #winston6 {
                  position: fixed;
        right: -2%;
        width: 23%;
        bottom: 32%;
    
    }
    
    
    
    
    #winston:hover {
          animation: shake 0.5s;
        cursor:move;
        
    
      /* When the animation is finished, start again */
      animation-iteration-count: infinite;
    
    
    }
    
    @keyframes shake {
      0% { transform: translate(1px, 1px) rotate(0deg); }
      10% { transform: translate(-1px, -2px) rotate(-1deg); }
      20% { transform: translate(-3px, 0px) rotate(1deg); }
      30% { transform: translate(3px, 2px) rotate(0deg); }
      40% { transform: translate(1px, -1px) rotate(1deg); }
      50% { transform: translate(-1px, 2px) rotate(-1deg); }
      60% { transform: translate(-3px, 1px) rotate(0deg); }
      70% { transform: translate(3px, 1px) rotate(-1deg); }
      80% { transform: translate(-1px, -1px) rotate(1deg); }
      90% { transform: translate(1px, 2px) rotate(0deg); }
      100% { transform: translate(1px, -2px) rotate(-1deg); }
    }
    
    #winston2:hover {
        cursor:move;
    
    
    }
    
    #winston3:hover {
        cursor:move;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    
        }
    
    
    
    #winston4:hover {
        cursor:move;
        -webkit-transform: rotate(-7deg);
      transform: rotate(-7deg);
    
    }
    
    
    
    
    
    
    
    #winston5:hover {
        cursor:move;
              animation: shake 0.0s;
    
      /* When the animation is finished, start again */
      animation-iteration-count: infinite;
    
    
    }
    
    #winston6:hover {
        cursor:move;
              animation: shake 0.5s;
    
      /* When the animation is finished, start again */
      animation-iteration-count: infinite;
    
    
    }
    
    
    
    
    
    
     
        .shuffle-group {
          position: relative;
          width: 100%;
          display: flex;
    
        }
    
    
        
    
        .shuffle-group .shuffle-me {
          width: 31.9%;
          float: left;
          margin: 0px;
        }
    
        .shuffle-group .shuffle-me:first-child {
      width: 100%;
    
        height: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
    }
        }
        .shuffle-group .shuffle-me:first-child h1 {
          margin-top: 190px;
          font-size: 30px;
        }
    
    
    #loading {
            -webkit-animation: rotation 7s infinite linear;
    }
    
    @-webkit-keyframes rotation {
            from {
                    -webkit-transform: rotate(0deg);
            }
            to {
                    -webkit-transform: rotate(359deg);
            }
    }
    
    .clock.simple:after {
      background: #000;
      border-radius: 50%;
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 5%;
      height: 5%;
      z-index: 10;
    }
    
    .minutes-container, .hours-container, .seconds-container {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }
    
    .hours {
      background: #000;
      height: 20%;
      left: 48.75%;
      position: absolute;
      top: 30%;
      transform-origin: 50% 100%;
      width: 2.5%;
    }
    
    .minutes {
      background: #000;
      height: 40%;
      left: 49%;
      position: absolute;
      top: 10%;
      transform-origin: 50% 100%;
      width: 2%;
    }
    
    .seconds {
      background: #000;
      height: 45%;
      left: 49.5%;
      position: absolute;
      top: 14%;
      transform-origin: 50% 80%;
      width: 1%;
      z-index: 8;
    }
    
    
    @keyframes rotate {
      100% {
        transform: rotateZ(360deg);
      }
    }
    
    .hours-container {
      animation: rotate 43200s infinite linear;
    }
    .minutes-container {
      animation: rotate 3600s infinite linear;
    }
    .seconds-container {
      animation: rotate 60s infinite linear;
    }
    
    .minutes-container {
      animation: rotate 3600s infinite steps(60);
    }
    .seconds-container {
      animation: rotate 60s infinite steps(60);
    }
    
    .minutes-container {
      transition: transform 0.3s cubic-bezier(.4,2.08,.55,.44);
    }
    .seconds-container {
      transition: transform 0.2s cubic-bezier(.4,2.08,.55,.44);
    }
    
        
        
    #information-inner{
        width:100%;
        max-width:1720px;
        display:flex;
        justify-content:space-between;
    }
            
    #information-alpha{
        width:66%;
        margin:-4px 0 0 0;
    }
                
                
    #information-content{
        width:100%;
        max-width:820px;
                    
    }
    
    canvas {
        position: absolute;
       width:100%;
        height:100%;
        z-index: -1;
    }
                
                
    #information-content p{
        font-size:18px;
        color:#FFF;
        font-weight:400;
        margin:0 0 30px 0;
        letter-spacing: 0.7px;
    }
                    
    #information-beta{
        flex:0 0 auto;
        width:40%;
        margin-left:35px;
    }
                    
    #information-beta img{
        width:100%;
        margin-bottom:60px;
    }
    
    a.viewpic {
      position:relative; 
      text-decoration: none; 
    }
    a:hover.viewpic {
      text-decoration: none; 
      background: none;
      
    }
    
    
    
    
    a.viewpic span {display: none;}
    
    a:hover.viewpic span {
      display: inline; 
      position: absolute;  
      top: 50%; 
      left: 25%; 
      z-index: 20; 
      height: 100%;
      padding:2px 4px;
    }
                        
    
    
    body, input, textarea, select {
    font-size: 0px;
        line-height: 0;
        letter-spacing: 0px;
        color: #000;
        -webkit-font-smoothing: antialiased !important;
        background-color: #ffd0bd;
        /*background-color: #ff6161;#d4ccd7    #5c69ff*/ 
         /* background: linear-gradient(89deg, hsla(141, 54%, 86%, 1) 0%, hsla(333, 73%, 85%, 1) 50%, hsla(211, 58%, 79%, 1) 100%); */
        /* background-image: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); 
        /* background: linear-gradient(90deg, hsla(180, 13%, 58%, 1) 0%, hsla(335, 16%, 61%, 1) 100%); */
        /* background-image: linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%); */
        /* background: linear-gradient(180deg, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%); */
        /* background: linear-gradient(176deg, rgba(251,217,210,1) 0%, rgba(252,51,35,1) 100%); */
        font-family: 'Inter', sans-serif;
        font-weight: 400;
        margin: 15px;
      
    
    }
    background-image: url(https://ideasreport.com/assets/img/menu_bg_tile_v2.jpg);
    color:#d0ccc1;
    background-color:#eae3e0;#767778;     #ffe1cb
    
    /* ============================================================================
     background-image: url(http://www.felixedgar.fr/fundofe.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: 0% 0%;
     background-attachment: fixed;}
     =============================================================================== */ 
    
    margin: 0 auto;
    }
    .wrapper {
        position: relative;
        width: 1220px;
        margin: 0 auto;
    }
    
    .logotype2 {
    right: 6%;
        bottom: -22px;
    color:#FFF;
    text-align:right;
    
    }
    .logotype3 {
    font-size: 20px;
    left: 1%;
    bottom: 2%;
    color:#FFF;
    position: absolute;
    
    }
    
    
    @media screen and (max-width: 600px)
    #myVideo {
      
        width: 100%;
        -ms-interpolation-mode: bicubic;
        vertical-align: bottom;
        display: zona;
        padding: 15px;
    }
    
    
    @keyframes spin {
      from{
        transform: rotateY(0deg);
        moz-transform: rotateY(0deg); //Firefox
        ms-transform: rotateY(0deg); //Microsoft Browsers
      }
      to{
        transform: rotateY(360deg);
        moz-transform: rotateY(360deg); //Firefox
        ms-transform: rotateY(360deg); //Microsoft Browsers
      }
    }
    @-webkit-keyframes spin{
      from{-webkit-transform: rotateY(0deg);}
      to{-webkit-transform: rotateY(360deg);}
    }
    .imageSpin{
      animation-name: spin;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-duration: 5s;
      -webkit-animation-name: spin;
      -webkit-animation-timing-function: linear;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-duration: 5s;
        width: 50%;
    padding-top: 46px;
        margin-bottom: 10rem;
    }
    
    
    
    
    #myVideo {
        width: 100%;
        vertical-align: bottom;
        display: zona;
      
    }
    
    /* Frame */
    .frame {
        height: 500px;
        line-height: 250px;
        overflow: hidden;
        margin-top: 5rem;
    margin-bottom: 7rem;
        margin-left: 15rem;
    }
    
    
    .frame ul {
        list-style: none;
        margin: 0;
        padding: 0;
        height: 7000px;
        font-size: 50px;
    }
    .frame ul li {
        float: left;
        width: 728px;
        height: 100%;
        margin: 0 49px 0 0;
        padding: 0;
        color: #ddd;
        text-align: center;
        cursor:move;
    }
    
    
    /* Scrollbar */
    .scrollbar {
        margin: 0 0 1em 0;
        height: 2px;
        background: #ccc;
        line-height: 0;
    }
    .scrollbar .handle {
        width: 100px;
        height: 100%;
        background: #292a33;
        cursor: pointer;
    }
    .scrollbar .handle .mousearea {
        position: absolute;
        top: -9px;
        left: 0;
        width: 100%;
        height: 20px;
    }
    
    /* Pages */
    .pages {
        list-style: none;
        margin: 20px 0;
        padding: 0;
        text-align: center;
    }
    .pages li {
        display: inline-block;
        width: 14px;
        height: 14px;
        margin: 0 4px;
        text-indent: -999px;
        border-radius: 10px;
        cursor: pointer;
        overflow: hidden;
        background: #fff;
        box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
    }
    .pages li:hover {
        background: #aaa;
    }
    .pages li.active {
        background: #666;
    }
    
    /* Controls */
    .controls { margin: 25px 0; text-align: center; }
    
    /* One Item Per Frame example*/
    .oneperframe { height: 300px; line-height: 300px; }
    .oneperframe ul li { width: 1140px; }
    .oneperframe ul li.active { background: #333; }
    
    /* Crazy example */
    .crazy ul li:nth-child(2n) { width: 100px; margin: 0 4px 0 20px; }
    .crazy ul li:nth-child(3n) { width: 300px; margin: 0 10px 0 5px; }
    .crazy ul li:nth-child(4n) { width: 400px; margin: 0 30px 0 2px; }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    #ticker {
        
        
        font-size: 300px;
        color: #1011cf;
        white-space: nowrap;
        overflow: hidden;
        position:sticky;
        max-height:1456;
        padding-top: 15px;
        padding-bottom: 0px;
        letter-spacing: 2px;
        font-family: SuisseWorksBold;
    }
     
        }
        
        
    .zona {
        margin: 0px 0px;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }
    
    
    
    .zonatop {
        padding:0px;
        margin: 21px 73px;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }
    
    
    .zonacontact {
        margin: 0px 0px;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }
    
    
    .zona>div {
    padding-top: 4px;
       width: 70%;
    }
        
        
    .video {
        
    z-index:1000;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
     
    }
    
    
    .block {
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        padding: 40px;
        padding-right: 8%;
        font-family: 'Inter', serif;
        font-size:34px;
    }
    
    .block2 {
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content;
        top: 0;
        padding-left: 0px;
        padding-top:0px;
        padding-right: 58px;
    }
    
    .photo_gauche
    {
    float: left;
        width: 83%; 
        margin-bottom: 100px;
    }
    
    
    .photo_gauche2
    {
    float: left;
    margin-bottom: 100px;
        width: 75%; 
    }
    
     
    .photo_droite
    {
    float: right;
           width: 103%;
           margin-bottom: 100px;
               margin-top: 50px;
    }
    
    
    .z-top {
        z-index: 1000;
    }
    .r0 {
        right: 0;
        left: auto;
    }
    .pfix {
    position: absolute;
            margin: 30px;
    }
    
    a, button {
        color: inherit;
        cursor: pointer;
        transition: border .3s;
        outline: 0;
        display: inline-block;
    
        line-height: 1.3;
    }
    button {
        border: none;
        margin: 0;
        padding: 0;
        width: auto;
        overflow: visible;
        background: transparent;
        color: inherit;
        font: inherit;
            font-size: inherit;
        line-height: normal;
        -webkit-font-smoothing: inherit;
        -moz-osx-font-smoothing: inherit;
        -webkit-appearance: none;
        z-index: 33;
        text-align: left;
        font-size: 5.8rem;
        line-height: 6.50rem;
        font-family: SuisseWorksBold;
        text-align: left;
    }
    
    
    
    
    .photo_centre
    {
           float: inherit;
        width: 100%;
        margin-bottom: 100px;
        margin-top: 105px;
    }
    
    
    .photo_gauche:hover {
     -webkit-transform: rotate(7deg) scale(1.02);
        transform: rotate(7deg) scale(1.02);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }
    
    .photo_gauche2:hover {
     -webkit-transform: rotate(7deg) scale(1.02);
        transform: rotate(7deg) scale(1.02);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }
        
    
    .photo_droite:hover {
     -webkit-transform: rotate(7deg) scale(1.02);
        transform: rotate(7deg) scale(1.02);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }	
    
    
    .photo_gaucheprojet
    {
    float: left;
    margin-bottom: 100px;
        width: 75%; 
    }
    
     
    .photo_droiteprojet
    {
    float: right;
           width: 95%;
           margin-bottom: 100px;
               margin-top: 50px;
    }
    
    
        
        /* ============================================================================
        font-size:290px;
        color: #fff;
        white-space: nowrap;
        overflow: hidden;
        padding-top: 1px;
        padding-right: 0px;
        padding-bottom: 1px;
        padding-left: 0px;
        border-top: 1px solid;
         border-bottom: 1px solid;
         =============================================================================== */
    }
    
    #ticker2 {
        
        
        font-size: 280px;
         color: #1011cf;
        white-space: nowrap;
        overflow: hidden;
        bottom: -5%;
        position: fixed;
    
    }
    
    
    #ticker .ticker-wrap {
        animation-duration: 10s;
    }
    
    section.clickhome {
        
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 0;
        overflow:hidden;
        cursor: url(http://www.felixedgar.fr/felix_foto/cursor2.png),auto;
    }
    
    section.clickhome{
          transition-property:all;
        transition-duration: 1s;
        transition-delay: 5s;
    }
    
    .clickhome img {
        z-index: 0;
        width: 70%;
        position: absolute;
        max-width: none;
        -khtml-user-select: none;
        -o-user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }
    
    
    .Menu {
        bottom: 2rem;
        
        
    }
    
    
    
    .Menu {
      z-index: 100;
        position: fixed;
        bottom: 1.5rem;
        left: 0px;
        right: 0px;
        display: flex;
        -moz-box-pack: center;
        justify-content: center;
        filter: drop-shadow(rgba(0, 0, 0, 0.12) 0px 1px 3px);
        pointer-events: none;
    }
    
    
    
    
    .Menu2 {
        height: 3rem;
    }
    .Menu2 {
        height: 3.9rem;
        border-radius: 7.5rem;
        overflow: hidden;
        background: #000 none repeat scroll 0% 0%;
        pointer-events: all;
    }
    
    * {
        -moz-osx-font-smoothing: grayscale;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
    }
    .Menu5 {
        padding: 0px 1rem;
        height: 2.5rem;
    }
    .Menu5 {
        hyphens: none;
    }
    .Menu5 {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
    .Menu5 {
        margin: 0px;
        font-weight: normal;
        text-decoration: none;
        font-size: 1rem;
        line-height: 1.25rem;
        letter-spacing: -0.015em;
        hyphens: none;
        white-space: normal;
        border: 0px none;
        padding: 0px 0.75rem;
        height: 2.25rem;
        background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
        cursor: pointer;
        transition: color 0.1s ease-in-out 0s;
        user-select: none;
        outline: currentcolor none medium;
    }
    
    
    
    .Menu7 ul {
        list-style: outside none none;
        display: inline-flex;
        flex-wrap: nowrap;
    }
    .Menu6:last-child {
        margin-right: 0px;
    }
    .Menu6 {
        hyphens: none;
    }
    .Menu6 {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
    .Menu6 {
        margin: 0px 0.25rem 0px 0px;
            margin-right: 1.1rem;
        font-weight: normal;
        text-decoration: none;
        font-size: 1.2rem;
        line-height: 1.25rem;
        letter-spacing: -0.015em;
        hyphens: none;
        white-space: normal;
        list-style: outside none none;
    }
    
    .Menu7 {
        display: inline-flex;
        padding: 0.25rem 0.3125rem;
    }
    
    .Menu3 {
        display: inline-flex;
        flex-direction: column;
    }
    * {
        margin: 0px;
        padding: 0px;
        -moz-osx-font-smoothing: grayscale;
        box-sizing: border-box;
    }
    .Menu2 {
        pointer-events: all;
    }
    
    .clickhome img{
    opacity:0;animation:5s hide 1 ;}
    @keyframes hide {
    0%,99% {opacity:1;}
    100% {opacity:0;}
    }
    
    
    #ticker .ticker-wrap {
        animation: ticking 1s infinite linear;
    }
    
    #ticker:hover {
      -webkit-animation-play-state: paused;
      -moz-animation-play-state: paused;
      -o-animation-play-state: paused;
      animation-play-state: paused;
    }
    
    
    .page-title {
        margin-top: 0;
        padding:220px 0px 15px;
        position: fixed;
        z-index: 1;
        width: 100%;
        background: linear-gradient(black, rgba(0,0,0,0));
    }
    
    .indent {
        text-align: left;
        margin-right: 120px;
        margin-top: 48px;
        margin-bottom: -56px;
        
    }
    
    .indent2 {
    
       text-align: left;
       
    }
    
    .page-footer {
        bottom: 0;
        padding: 300px 0px 49px;
    
        position: relative;
        z-index: 1000000000000000;
        width: 100%;
        /* ============================================================================
        background: linear-gradient(rgba(0,0,0,0), black);
         =============================================================================== */
    }
    
    
    #gradient{
        mmargin-left:0px;
        margin-right:0ox;
        width:100%;
        min-height:100vh;
        padding:0px;
        margin:0px;
        top:0px;
        position:fixed;
        z-index:-1;
    
    }
    
    
    .masonry {
        padding: 55px;
        padding-top: 2px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        height: 260vw;
      max-width: 100%;
    }
    
    .masonry img { 
        width: 50%;
      margin: 0;
      opacity: 1;
      transition: .4s opacity;
      padding:17px;
     
      }
    
    .masonry img:hover {
        opacity: 1;
    }
    
    .footer {
        z-index: 1000000000;
        width: 97%;
    }
    .footer {
        color: #09442F;
        cursor: pointer;
        text-align: right;
    }
    .footer {
        font-size: 32px;
        letter-spacing: -0.04rem;
        font-family: 'inter';
        text-transform: lowercase;
    }
    .footer {
    
        z-index: 3;
        top: 13px;
        left: 20px;
        color: #09442F;
        cursor: pointer;
        text-align: right;
       
    }
    }
    .footer {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }
    
    .copyright {
        position: absolute;
    margin-left: 2%;
        
    
    }
    
    #ticker {
        font-size: 300px;
        color: #000;
        white-space: nowrap;
        overflow: hidden;
        position: sticky;
        max-height: 1456;
        padding-top: 27vh;
    padding-bottom: 20vh;
    }
    
    
    
    .Marquee {
        --width: 0px;
        width: 100%;
        overflow-x: hidden;
        overflow-y: hidden;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 9;
        color: #fff;
    }
    
    .Marquee__list {
        --duration: 30s;
        display: -ms-flexbox;
        display: flex;
        white-space: nowrap;
        will-change: transform;
    }
    
    .Marquee__item {
        padding-left: .25em;
    }
    
    
    
    
    
    
    
    
    a:hover {
        color:#fd3a1e;
        text-decoration: none;
         cursor: url(http://www.felixedgar.fr/felix_foto/cursor2.png),auto;
    }
    
    img,legend{
        border:0;
        
        }
        
    td,textarea,th{
            vertical-align:top;
            }
            
    
    
    
    .navbar-left {
         z-index:750;
        margin-top:0px;
        top:0px;
        left:0px;
        position:fixed;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 6.5%;
        margin: auto;
    }
    
    @media (max-width: 1024px)
    .footer {
        padding: 40px 0;
    }
    .footer {
        padding: 60px 0;
        padding-bottom: 1px;
    }
    
    
    
    dl,ol,ul{
        margin-top:0;
            padding-inline-start: 0px;
    }
    
    
    
                            
    html{
        font-family: 'Inter', serif;
        font-weight: 400;
        -ms-text-size-adjust:100%;
        -webkit-text-size-adjust:100%;
        -webkit-tap-highlight-color:transparent;
        font-size:100%;
    }
        
        
        
                
                    
    a{
           font-family: 'inter';
        background-color:transparent;
        
        color:#000;
    }
    
    .nav{
        
        z-index:1000000000;
        width:97%;
    }
    
    
    
    body.intro-hidden #intro {
        height: 0;
    }
    html, body, #loader, #intro {
       
    }
    
    
    #intro {
        -webkit-transition: height 1.6s cubic-bezier(.72,0,.01,1);
        -moz-transition: height 1.6s cubic-bezier(.72,0,.01,1);
        -ms-transition: height 1.6s cubic-bezier(.72,0,.01,1);
        -o-transition: height 1.6s cubic-bezier(.72,0,.01,1);
        transition: height 1.6s cubic-bezier(.72,0,.01,1);
        overflow: hidden;
        display: box;
        display: flex;
         -moz-box-pack: center;
        -ms-box-pack: center;
        -o-box-pack: center;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        -ms-box-pack: center;
        -o-box-pack: center;
        box-pack: center;
        -moz-backface-visibility: hidden;	
        font-size: 30px;
        letter-spacing: 1px;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-flex-pack: center;
        -moz-flex-pack: center;
        -ms-flex-pack: center;
        -o-flex-pack: center;
        flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-box-align: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -o-box-align: center;
        box-align: center;
        -webkit-flex-align: center;
        -moz-flex-align: center;
        -ms-flex-align: center;
        -o-flex-align: center;
        flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        cursor: pointer;
        z-index: 1;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        
    
    }
    
    
    
    #intro, #wrapper {
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
    }
    #intro, header {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        
        display: -ms-flexbox;
    }
    
    
    #intro{
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
    }
    
    
    .backgif {
    
        position:fixed;
        z-index:-1;
        background-position: 0% 0%;
        background-attachment: fixed;
    }
    
    
    #intro, header {
        width:100%;
            z-index:0;
       
     
    
    
    }
    
    
    .justdoit {
        width:100%;
        z-index: 300000000;
        padding-bottom: 9%;
    
    }
    
    
    
    
    .email-button {
        top: calc(43vh - 200px);
        right: 42%;
        width: 17%;
        text-align: center;
        position: fixed;
        z-index:-1;
        /*mix-blend-mode: difference;*/
    }
    
    
    /*
    .email-button {
            -webkit-animation: rotation 7s infinite linear;
    }
    */
    
    .top-button {
            right: 0%;
        width: 15%;
        text-align: center;
        position: absolute;
        /*mix-blend-mode: difference;*/
    }
    
    @-webkit-keyframes rotation {
            from {
                    -webkit-transform: rotate(0deg);
            }
            to {
                    -webkit-transform: rotate(359deg);
            }
    }
    
    
    
    .nav-scrolled2 {
    
        left: 0;
        z-index: 1;
        width: 100%;
        border-top: 1px solid;
    }
    
                                
                        
    a:active,a:hover{
        outline:0;
        }
        
    abbr[title]{
        border-bottom:1px dotted;
        }
            
    dfn{
        font-style:italic;
        }
                
    mark{
        background:#ff0;
        color:#000;
    }
                    
    small{
        font-size:80%;
        }
                        
    sub,sup{
        font-size:75%;
        line-height:0;
        vertical-align:baseline;		
        }
                    
                    
    sup{
        top:-.5em;
        }
        
    .topim {
        z-index: auto;
        position: fixed;
        left: 25%;
        top: 25%;
    }
        
        
    sub{
        bottom:-.25em;
        }
                            
    img{
        width:100vw;
        border-radius: 0px;
        -ms-interpolation-mode:bicubic;
        vertical-align:bottom;
            display: zona;
            padding: 0px;
            max-width: 100%;
            transition: all cubic-bezier(.4,0,1,1) 300ms;
        transition-property: all;
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
        transition-delay: 0.2s;
        
    }
    
    
    img:hover{
    
        border-radius: 450px;
        transition: all cubic-bezier(.4,0,1,1) 300ms;
        transition-property: all;
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
        transition-delay: 0.2s;
    
        
    }
    
    
    
    main svg {
        width: 100%;
        height: auto;
    }
    
                                                        
                        
        
    @media all and (min-width:768px){.h1,h1{margin-bottom: 0px;
    font-size: 80px;
    line-height: 1.1;
    font-weight: 400;
    font-family: 'grifinitol';
    letter-spacing: 1px;
        font-style: italic;
        
    }}
        
        
        .h2, h2 {
        font-size: 30px;
    color: black;
            margin-right: 15%;
            font-weight: 600;
            line-height: 1.5;
            font-family: 'grifinitol';
            font-style: italic;
        /* margin-left: 75px; */
        /* text-align: center; */
    }
        
        .h3,h3{    font-size: 46px;
            line-height: 1.2;
            text-align: left;
            font-family: SuisseWorksBold;
        }
    }}
        
        .h4,h4{font-size:37px}
        
        .h5,h5{font-size:26px;
            color: #000000;}
        
        .h6,h6{font-size:16px}
        
    
        
    .felix-container{
        width:100%;
        padding:0 16px;
        margin: auto;
    }
    
    
    #content .content-zona, #content-holder .content-zona {
       flex: auto;
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 35px;
        /* margin: 10px; */
        /* width: 138%; */
      
    }
    @media screen and (min-width: 1170px)
    .top-spacer {
        padding-top: 190px;
    }
    
    
    .grid-row, .row {
           flex: auto;
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 35px;
        /* margin: 10px; */
        /* width: 138%;*/    
        columns: 2;
        column-width: auto;
        column-count: 2;
    }
    
    .gallery img {
      float: left;
      padding: 0 2px 2px 0;
      /* Yes, you *can* adjust/remove padding. */
    }
    
    .Menu4 {
        height: 3rem;
    }
    .Menu4 {
        position: relative;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        -moz-box-pack: center;
        justify-content: center;
        height: 4.3rem;
    }
    
    .Menu7 {
        display: inline-flex;
        padding: 0.25rem 2.2rem;
    }
    
    
    .Menu3 {
        display: inline-flex;
        flex-direction: column;
    }
    * {
        -moz-osx-font-smoothing: grayscale;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
    }
    .Menu2 {
        pointer-events: all;
    }
    * {
        -moz-osx-font-smoothing: grayscale;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
    }
    
    
    
    @media (min-width: 1010px)
    .indent>p {
        text-indent: 0px;
        margin-left: 112px;
    }
    @media (min-width: 768px)
    .indent>p {
        text-indent: -84px;
        margin-left: 84px;
    }
    @media (min-width: 448px)
    .indent>p {
        text-indent: -56px;
        margin-left: 56px;
    }
    .indent>p {
         margin-left: 150px;
        font-size: 35px;
    }
    
    .l-section h4 {
            font-size:22px;
        margin-bottom: 7px;
        text-align: left;
        color: #8e8e8e;;
    }
    
    
    .u-ta-center {
        text-align: center;
    }
    .u-padd-huge {
       
        padding-top: 17%;
        padding-right: 16px;
        padding-bottom: 6%;
        padding-left: 0px;
    }
    .bg-red {
      background-color: rgb(15, 15, 15);
    }
    
    .bg-orange {
        background-color: #fa6954;
    }
    
    .bg-blu {
        background-color: #7395b4;
    }
    
    .bg-camel {
        background-color: #de994a;
    }
    
    
    
    article, aside, details, figcaption, figure, footer, header, hgroup, hr, main, menu, nav, section, summary {
        display: zona;
    }
    
    
    #col {
         column-count: 2;
        margin-left: 300px;
        font-size: 10px;
    }
    #col2 {
        column-count: 3;
        margin-left: 200px;
        font-size: 25px;
        position:fixed;
    }
        
        
        @media all and (min-width:768px){.felix-container{max-width:90%;padding:0 20px}}
        
        @media all and (min-width:1010px){.felix-container{max-width:90%;    padding: 25% 7.22222rem 0 7.22222rem;
    }}}
        
        @media all and (min-width:1420px){.felix-container{max-width:90%;padding:0 80px}}
        
        
    .navMobile_inner{
        z-index:2;
        margin-top: 10px;
        margin-left:10px;
        margin-right:10px;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:space-between;
    }
        
        
    .navMobile_items{
        position:absolute;
        top:auto;
        bottom:0;
        width:100%;
        padding-top:56px;
    }
        
    .navMobile_item{
        display:zona;
    }
    
    .navDesktop,.navMobile_item:first-child{
        display:none;
    }
    
    
    .navMobile-is-open .navMobile_items{
        top:0;
        bottom:auto;
        z-index:1;
    }
    
    
    
        
    @media all and (min-width:1010px){
        
    .navDesktop{
        display:zona; 
        margin-left:0%;
    }
        }
        
        
        
    .nav-scrolled{
        z-index:100000;
     background:#0e0e0e;
    
        position:fixed;
        top:0;
        left:0;
        z-index:2;
        width:100%; 
    }
        
    .bg-blue{
        background-image: linear-gradient(#007cff, #007cff);
        }
        
    .bg-black{
    
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0% 0%;
        background-attachment: fixed;
    }
    
    
        
    .h1>p{
        line-height:1.3;
    }
        
        
        
    .u-padd-btm-quarter{
    padding-bottom: 35px;
        padding-top: 15px;
        margin-left: 25px;
        margin-right: 25px;
    
    }
        
        
        @media all and (min-width:768px){
            
    .u-sm-padd-double{
        position:relative;
    }
            
    
            }
        
        
        
    @media all and (min-width:1420px){
    
    
            
    .u-lg-pull-horz-double{
        margin-left:-56px;
    }
            
    
            
    .u-lg-pull-btm-double{
        margin-bottom:-56px;
    }
    
    
    
    .u-lg-padd-horz-double{
        padding-right:56px;
    }
    
    
    .u-lg-padd-btm-double{
        padding-bottom:56px;
            
    }
        
    }
            
    
    
    .u-ta-center{
        text-align:center;
    }
    
            
    .u-fw-bold{
        font-weight:700;
    }
    
    
    .u-fw-semi{
        font-weight:600;
    }
    
            
    .u-fw-normal{
        font-weight:400;
    }
    
            
    
    @media (max-width:1024px){
    
    
    img{
        width:100%;
        
        -ms-interpolation-mode:bicubic;
        vertical-align:bottom;
            display: zona;
            
        
    }
    
        
    #intro {
        text-align:center;
      position: inherit;
     max-height: 85vh;
     font-size:30px;
    }
    
    
    body {
        min-height: 100vh;
    
    
    }
    
    .h4, h4 {
            font-size: 39px;
        margin-bottom: 50px;
    }
    
    .g {
        width: 100%;
        min-height: 2px;
    
        padding-left: 8px;
        padding-right: 8px;
        margin-top: 30px;
    }
    
    .h1>p {
        font-size: 31px;
        line-height: 1.3;
    }
    
    .profile_name {
      font-size: 39px;
          position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 90%;
    }
    
    .backgif {
        position: fixed;
        width:150%;
        height:69vh;
        
        z-index: -1;
        background-position: 0% 0%;
        background-attachment: fixed;
    }
    
    
    
    #information {
        width: 100%;
        padding: 0px 0 0 0;
    }
    
    #intro, header {
        width:100%;
        
        background-image: none;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0% 0%;
        background-attachment: fixed;
    }
    
      
      
          #information-inner{
            width:100%;
            max-width:1720px;
            display: inherit;
            justify-content:space-between;
            }
            
            
       #information-beta {
        flex: 0 0 auto;
        width: 100%;
        margin-left: 0px;
    }
    
    #information-alpha {
        width: 100%;
        margin: -4px 0 0 0;
    }
    
    
    #about {
    z-index:2000000000;
    }
    
    
    
    
    .felix-container {
        width: 100%;
        padding: 300px 16px;
        margin: auto;
    }
    
    .nav-scrolled {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000000000;
        width: 100%;
    }
    
        
         .navbar-left {
         z-index:-1;
        margin-top:0px;
        top:0px;
        position:relative;
        padding-top: 0px;
        padding-right: 30px;
        padding-bottom: 0px;
        padding-left: 6.5%;
        margin: auto;
    }
    
    a.viewpic {
    font-size: 50px;
    line-height: 1.3;
    }
    
    h1 {
    font-size: 31px;
    line-height: 1.3;
    }
    
    h2 {
    font-size: 30px;
    line-height: 1.3;
        color: #fff;
    }
    
    
    .masonry {
        padding: 0px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        height: 100%;
      max-width: 100%;
    }
    
    .masonry img { 
        width: 100%;
      margin: 0;
      opacity: 1;
      transition: .4s opacity;
      padding:17px;
      }
    
    .masonry img:hover {
    
        opacity: 1;
    }
    
    #intro, header {
        width:100%;
        background-image: none;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0% 0%;
        background-attachment: fixed;
    }
    .bg-black{
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0% 0%;
        background-attachment: fixed;
    }
    
    
    .footer {
        font-size: 24px;
        letter-spacing: -0.04rem;
        font-family: 'inter';
        text-transform: lowercase;
    }
    
    .photo_gauche
    {
       width: 100%; 
    }
    
    .grid-row, .row2 {
           flex: auto;
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 35px;
        /* margin: 10px; */
        /* width: 600%; */
        columns: 1;
        margin-left: -52px;
     
    }
    
    .indent {
       text-align: left;
           margin-right: 12px;
               margin-top: 200px;
    }
    
    /*
    .email-button {
        -webkit-animation: rotation 7s infinite linear;
    }*/
    
    .email-button {
        top: 100px;
        right: 20%;
        width: 63%;
        text-align: center;
        position: fixed;
        /* mix-blend-mode: difference; */
    }
    
    
    
    .indent2 {
       text-align: left;
           margin-right: 12px;
    }
    
    .h2, h2 {
         font-size: 25px;
        /* margin-left: 10px;
    }
    
    .indent>p {
        margin-left: 30px;
        font-size: 25px;
    }
       
    #col {
        column-count: 1;
       margin-left: -40px;
        font-size: 10px;
    }  
    
    
    .grid-row, .row {
        flex: auto;
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 35px;
        /* width: 138%; */
        columns: 1; */
        /* column-width: auto; */
        column-count: 1; */
    } 
    
    .photo_gauche {
        float: left;
        width: 83%;
        margin-top: -200px;
        margin-bottom: 100px;
    }
    
    .logotypee {
        top: 0px;
        left: 0px;
        width: 40%;
        position: inherit;
        color: rgb(0, 0, 0);
        z-index: 1;
    }
    
    section.clickhome {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 0vh;
        z-index: 0;
        
    }
    
    .top-button {
        right: 0%;
        width: 49%;
        text-align: center;
        position: absolute;
        /* mix-blend-mode: difference; */
        /* bottom: 15px; */
    }
    
    
    .nav {
        font-size: 25px;
        letter-spacing: -0.04rem;
        font-family: 'inter';
        text-transform: lowercase;
    }
    
    .s-labels--big, .s-text-type-2 {
        max-width: 100%;
        text-align: left;
        padding-top: 0%;
        padding-left: 4%;
        padding-right: 8%;
        padding-bottom: 2%;
        font-size: 3rem;
        line-height: 3.39rem;
        letter-spacing: -0.111rem;
    }
    
    .s-text-type-4 {
        font-size: 2rem;
        line-height: 3.2rem;
        max-width: 100%;
        text-align: left;
        padding-top: 0%;
        padding-left: 4%;
        padding-right: 8%;
        padding-bottom: 2%;
       letter-spacing: -0.111rem;
    }
    
    .works-single__highlights {
        display: -webkit-box;
        display: -ms-flexbox;
        display: block;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 2%;
        margin-right: 2%;
    }
    
    .works-single__highlight {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 0 6.862%;
    }
    
    .card_text {
        padding-right: 0px;
    }
    
    .h3, h3 {
        font-size: 21px;
        line-height: 1.2;
        text-align: left;
    }
    
    .cards_item {
        display: flex;
    }
    .cards_item {
        width: 100%;
    }
    
    .inner-div {
        margin: 0px 36px;
        text-align: left;
    }
    
    .nav {
        z-index: 1000000000;
        width: 83%;
    }
        
        .block {
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content;
        position: unset;
        top: 0;
        padding: 40px;
        padding-right: 8%;
    }
        
        
        .bio p {
        /* width: 68%; */
        line-height: 1.5;
        font-size: 1.25rem;
        letter-spacing: -.038rem;
        margin-left: 0%;
        padding-right: 0rem; 
    }
    
        
        
    .zona {
     
        display: -webkit-box;
        display: inherit;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        margin: 0px 10px;
    }
    
    .zona>div {
        width: 100%;
    }
       
    
    .h3, h3 {
        font-size: 39px;
        line-height: 1.2;
        text-align: left;
    }
    
    
    
    
    body, input, textarea, select {
        font-size: 0px;
        line-height: 0;
        letter-spacing: 0px;
        color: #000;
        -webkit-font-smoothing: antialiased !important;
     
        font-family: 'Inter', sans-serif;
        font-weight: 400;
        margin: 7px;
    }



    .container {
        display: flex;
        flex-direction: column;
        justify-content: left;
        align-items: left;
        padding-top: 150px;
        padding-left: 2%;
    }

    .card {
        display: inline-block;
        width: 100%;
        margin: 0.5rem;
        font-size: 1rem;
        text-decoration: none;
        overflow: hidden;
        padding-left: 2px;
        padding-right: 2px;
    }
    
    .s-text-type-2 {
        max-width: 100%;
        text-align: left;
        padding-top: 0%;
        padding-left: 4%;
        padding-right: 2%;
        padding-bottom: 2%;
        font-size: 3rem;
        line-height: 4.39rem;
        letter-spacing: -0.111rem;
    }
    
    .inner-div {
        margin: 0px 12px;
        text-align: left;
    }
    
    .works-single__highlight {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 0 2%;
    }
    
    .cards {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        margin: 0;
        padding: 0;
            padding-right: 0px;
            padding-left: 0px;
        padding-right: 0px;
        padding-left: 0px;
        padding-left: 0%;
        padding-right: 0%;
    }
    
 

    .card {
        display: inline-block;
        width: 100%;
        margin: 0.5rem;
        font-size: 1rem;
        text-decoration: none;
        overflow: hidden;
    }
    
    button {
        border: none;
        margin: 0;
        padding: 0;
        width: auto;
        overflow: visible;
        background: transparent;
        color: inherit;
        font: inherit;
            font-size: inherit;
            line-height: inherit;
            font-family: inherit;
        font-size: inherit;
        line-height: normal;
        -webkit-font-smoothing: inherit;
        -moz-osx-font-smoothing: inherit;
        -webkit-appearance: none;
        z-index: 33;
        text-align: left;
        font-size: 4.7rem;
        line-height: 5.5rem;
        font-family: SuisseWorksBold;
        text-align: left;
        padding-bottom: 22px;
    }
    
    
    .motscles {
        box-sizing: border-box;
        margin: 6px;
        margin-top: 6px;
        margin-right: 6px;
        margin-bottom: 6px;
        margin-left: 0px;
        min-width: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: inline-block;
        text-align: center;
        line-height: inherit;
        -webkit-text-decoration: none;
        text-decoration: none;
        font-size: inherit;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 2px;
        padding-bottom: 2px;
        background-color: primary;
        border: 0;
        border-radius: 4px;
        will-change: transform;
        font-weight: 400;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 15px;
        -webkit-transition: all 300ms cubic-bezier(0.23,1,0.32,1);
        transition: all 300ms cubic-bezier(0.23,1,0.32,1);
        cursor: pointer;
        outline: none;
        background-color: #6a232300;
        color: var(--theme-ui-colors-black-100,#000);
        border: solid 2px;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
        border-color: var(--theme-ui-colors-black-90,#1A1A1A);
        min-height: 60px;
        border-radius: 999px;
        padding-left: 24px;
        padding-right: 24px;
        min-height: 48px;
        font-size: 15px;
        font-family: 'inter';
    }
    

    .s-text-type-2 {
        max-width: 100%;
        text-align: left;
        padding-top: 12%;
        padding-left: 4%;
        padding-right: 2%;
        padding-bottom: 2%;
        font-size: 2.5rem;
        line-height: 3.2rem;
        letter-spacing: -0.111rem;
    }
    
    
    .shuffle-group .shuffle-me:first-child {
        width: 100%;
        /* float: right; */
        height: 100%;
        padding-top: 80px;
        padding-bottom: 80px;
    }