html, body { height: 100%; }

:root {
    --color-red: #FB0234;
    --color-dark-700: #1f1f1f;
    --color-dark-900: #000;
 --color-neutral-50: #F5F5F5;
 --color-neutral-200: #CFCFCF;
 --color-neutral-300: #ccc;
    --ff-globotipo: 'GlobotipoTexto-Regular';
    --ff-globotipo-black: 'GlobotipoTexto-Black';
}


html, body { height: 100%; }

body {
    font-family: 'GlobotipoTexto-Regular';
    color: var(--color-dark-900);
 background:  url(https://image.globoplaymkt.globo.com/lib/fe3311717064047d721777/m/8/26e94bc8-7291-4816-8f9f-fffa02e4e0af.jpg) repeat;
 
 overflow-x: hidden;
}
.fake-body{
 background: url(https://image.globoplaymkt.globo.com/lib/fe3311717064047d721777/m/8/c632dbdf-25f1-4457-87e4-44f902b7e5aa.jpg) top center no-repeat;
}

#app{
 position: relative;
 z-index: 50;
}

.fake-bg{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-59%);
    width: 624px;
    max-width: 624px;
    z-index: 10;
}

@media(min-width: 1220px){
 .fake-bg{
  display: none;
 }
}

/* --------------------------------------------- */
/*  */
/* --------------------------------------------- */

.container-red{
 max-width: 500px;
 margin-left: auto;
 margin-right: auto;
 padding: 16px;
 background: var(--color-red) url(https://image.globoplaymkt.globo.com/lib/fe3311717064047d721777/m/8/b890d155-1a2f-4f6e-aae8-840e03c08b1f.png) top center no-repeat;
}

.container-snow{
 padding: 25px;
 background: var(--color-neutral-50);
}


@media(min-width: 768px){

 .container-red{
  max-width: 574px;
  padding: 40px;
 }
 
 .container-snow{
  padding: 32px;
 }
}

@media(min-width: 1220px){

 .container-red{
  max-width: 1005px;
 }

 .container-snow{
  padding-bottom: 100px;
 }
 
}