html                                            {overflow-x: hidden;}


body                                            {background-color: #111324;     font-family: 'Work Sans', sans-serif; overflow: hidden; position: relative; min-height: calc(-1218.74px + 100vh);}

/* body::before 																		{content: ''; width: 50rem; height: 50rem; position: absolute; top: 35rem; right: -20rem; border-radius: 50rem;  background: rgba(56, 63, 135, 0.40); filter: blur(200px); z-index: -1; } */
body::after 																		{content: ''; width: 75rem; height: 75rem; position: absolute; bottom: -30rem; left: -40rem; border-radius: 75rem;  background: rgba(251, 47, 116, 0.40); filter: blur(400px); z-index: -1;}

@media (max-width: 767px)                       {
    /* body::before 																		{content: ''; width: 80%; height: 80%; position: absolute; top: 0; right: 0; border-radius: 50rem;  background: rgba(56, 63, 135, 0.40); filter: blur(200px); z-index: -1; } */
    body::after 																		{content: ''; width: 50%; height: 50%; position: absolute; bottom: 25%; left: 25%; border-radius: 75rem;  background: rgba(251, 47, 116, 0.40); filter: blur(00px); z-index: -1;}
     
}

h1                                              {font-family: 'Work Sans', sans-serif; font-weight: 400; font-size: 3rem;  text-transform: uppercase; line-height: 3.5rem; letter-spacing: .09rem; }

@media (max-width: 767px)                       {
    h1                                          {font-size: 2rem; letter-spacing: .06rem; line-height: 2.5rem;}
}



.landingspagina                                 {
    &::before                                    {content: ''; position: absolute; bottom: 0; right: 0; background-image: url('../images/pattern-quote-white.svg'); background-repeat: no-repeat; width: 100%; height: 6rem; transform: scaleX(-1);}
    &::after                                    {content: ''; position: absolute; top: 0; left: 0; background-image: url('../images/pattern-quote-white.svg'); background-repeat: no-repeat; width: 100%; height: 6rem; transform: scaleY(-1);}


    .content                                    {height: 100vh; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 1.5rem;
        h1                                      {color: white; text-align: center; width: 100%;}
        ul                                      {list-style: none; display: flex; flex-direction: row; gap: 1.5rem; margin-top: 1rem; padding-left: 0; margin-bottom: 0; flex-wrap: wrap; justify-content: center;
            li                                  {padding: .75rem; background: rgba(255, 255, 255, 0.20); border-radius: 62.5rem; width: 2rem; height: 2rem; display: flex; justify-content: center; align-items: center; box-sizing: content-box;
                a                               {width: 2rem; height: 2rem;
                    img                         {object-fit: contain; width: 100%; height: 100%;}
                }
            }
        }
        .afbeelding                             {width: 16.31rem; height: 6.25rem;
            img                                 {object-fit: contain; width: 100%; height: 100%;}
        }
    }
}