.body {
background:linear-gradient(rgb(210, 0, 0),rgb(0, 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:300px;
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);
}

.text {
    text-align: center;
    color:rgb(255, 255, 255);
    margin-bottom: 300px;
}

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

.fundacao1 {
width: 300px;
height: 300px;
margin-left: 400px;
margin-top: -250px;
margin-bottom: 100px;

}
.fundacao2 {
width: 400px;
height: 300px;
margin-left: 50px;
margin-top: -250px;
margin-bottom: 100px;

}
.fundacao3 { 
width: 400px;
height: 300px;
margin-left: 50px;
margin-top: -250px;
margin-bottom: 100px;
}
.fundacao4 { 
width: 400px;
height: 300px;
margin-left: 400px;
margin-top: -100px;
margin-bottom: 150px;

}.fundacao5 { 
width: 300px;
height: 300px;
margin-left: 50px;
margin-top: -100px;
margin-bottom: 150px;

}
.fundacao6 { 
width: 400px;
height: 300px;
margin-left: 50px;
margin-top: -100px;
margin-bottom: 150px;

}