/* CSS HEX
    --gray-web: #818083;
    --dark-cornflower-blue: #293a6e;
    --cyan-process: #00bcf5;
    --cultured: #f8f8f8;
    --medium-aquamarine: #3ae4ae;

     CSS HSL
    --gray-web: hsla(260, 1%, 51%, 1);
    --dark-cornflower-blue: hsla(225, 46%, 30%, 1);
    --cyan-process: hsla(194, 100%, 48%, 1);
    --cultured: hsla(0, 0%, 97%, 1);
    --medium-aquamarine: hsla(161, 76%, 56%, 1);

     SCSS HEX
    $gray-web: #818083ff;
    $dark-cornflower-blue: #293a6eff;
    $cyan-process: #00bcf5ff;
    $cultured: #f8f8f8;
    $medium-aquamarine: #3ae4aeff;


     SCSS RGB
    $gray-web: rgba(129, 128, 131, 1);
    $dark-cornflower-blue: rgba(41, 58, 110, 1);
    $cyan-process: rgba(0, 188, 245, 1);
    $cultured: rgba(248, 248, 248, 1);
    $medium-aquamarine: rgba(58, 228, 174, 1);
    */

    .logo {
        position: fixed;
        min-height: 100vh;
        background-color: #f8f8f8;
        background-image: url(../../img/background/background_landing.jpg);
        background-position: center;
        background-size:cover;
        position: relative;
    }
    .logo_container {

        /* position:absolute;
        top:50%;
        left:50%;
        transform: translate(-50%, -50%); */
    }
    .logo_container svg{
        position: absolute;
        top: 50%;
        left:50%;
        transform: translate(-50% , -50%);
        width: 35vw;
    }