.body{
    background:linear-gradient(rgb(255, 0, 0),rgb(60, 0, 0));
}

.vermelho {
 position: fixed;   
left: 0px;
bottom: 60px;
width: 100%;
height: 60px;
background-color: rgb(195, 6, 6);
}
.branco {
position: fixed;
left: 0px;
bottom: 40px;
width: 100%;
height: 40px;
background-color: rgb(255, 255, 255);
}

.preto {
position: fixed;   
left: 0px;
bottom: 0px;
width: 100%;
height: 40px;
background-color: rgb(0, 0, 0);
}

.titulo {
width:250px;
height: 100px;
align-items: center;
text-align: center;
margin:auto;
display: flex;
justify-content: center;
border-color: black;
border-style: solid;
background-color: rgb(200, 200, 200);
}

.seta {
margin-left: 1800px;
width: 60px;
height: 40px;
}

.morumbi1 {
   border-radius: 80px;
    width: 450px;
    height: 300px;
    margin: 80px;
    margin-top: 50px; 
}

.morumbi2 {
    border-radius: 80px;
    width: 450px;
    height: 300px;
    margin: 80px; 
    margin-top: 50px;
}

.morumbi3 {
    border-radius: 80px;
    width: 450px;
    height: 300px;
    margin: 80px;
    margin-top: 50px; 
}

.text {
    color:rgb(255, 255, 255);
    font-size: 32px;
    text-align: center;
}