.body {
background:linear-gradient(rgb(245, 206, 114),rgb(125, 105, 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;
}
.seta2 {
margin-left: 1800px;
width: 60px;
height: 40px;
}

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

.icons {
width: 200px;
height: 200px;
margin-top: -250px;
margin-bottom: 150px;
}
.icons2 {
width: 150px;
height: 200px;
margin-top: -250px;
margin-bottom: 150px;
}

.icons3 { 
width: 200px;
height: 200px;
margin-top: -250px;
margin-bottom: 150px;
}

.icons4 { 
width: 200px;
height: 200px;
margin-top: -250px;
margin-bottom: 150px;
}

.icons5 { 
width: 200px;
height: 200px;
margin-top: -250px;
margin-bottom: 150px;
}

.icons6 { 
width: 200px;
height: 200px;
margin-top: -250px;
margin-bottom: 150px;
}

.icons7 { 
width: 150px;
height: 200px;
margin-top: -250px;
margin-bottom: 150px;
}

.icons8 { 
width: 200px;
height: 200px;
margin-top: -250px;
margin-bottom: 150px;
}

.icons9 { 
width: 150px;
height: 200px;
margin-top: -250px;
margin-bottom: 150px;
}
.icons10 {
width: 200px;
height: 200px;
margin-top: -250px;
margin-bottom: 150px;
}