body {
    background-color:#12b9ff;
    color: #FFFFFF;   
    border-radius: 10px;
    font-family: 'Quicksand', sans-serif;
}


h1 {
    text-align: center;
    background-color: gray;
    color: #FFF;
    margin: 20px;
    border-radius: 10px;
    padding: 10px;

}

ul {
    margin: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: 'Quicksand', sans-serif;
    list-style: none;
}

#idx0 {
    background-color: crimson;
    text-align: center;
    font-size: 20px;
    padding: 10px;
    width: 50%;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 15px;
}

#idx1 {
    background-color: crimson;
    text-align: center;
    font-size: 20px;
    padding: 10px;
    width: 50%;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 15px;
}

#idx2 {
    background-color: crimson;
    text-align: center;
    font-size: 20px;
    padding: 10px;
    width: 50%;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 15px;
}

#idx3 {
    background-color: crimson;
    text-align: center;
    font-size: 20px;
    padding: 10px;
    width: 50%;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 15px;
}

#idx4 {
    background-color: crimson;
    text-align: center;
    font-size: 20px;
    padding: 10px;
    width: 50%;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 15px;
}

#idx5 {
    background-color: crimson;
    text-align: center;
    font-size: 20px;
    padding: 10px;
    width: 50%;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 15px;
}

#idx6 {
    background-color: crimson;
    text-align: center;
    font-size: 20px;
    padding: 10px;
    width: 50%;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 15px;
}

#idx7 {
    background-color: crimson;
    text-align: center;
    font-size: 20px;
    padding: 10px;
    width: 50%;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 15px;
}

#idx0:hover {
    color: crimson;
    background-color: aliceblue;
}

#idx1:hover {
    color: crimson;
    background-color: aliceblue;
}

#idx2:hover {
    color: crimson;
    background-color: aliceblue; 
}

#idx3:hover {
    color: crimson;
    background-color: aliceblue; 
}

#idx4:hover {
    color: crimson;
    background-color: aliceblue;; 
}

#idx5:hover {
    color: crimson;
    background-color: aliceblue; 
}

#idx6:hover {
    color: crimson;
    background-color: aliceblue; 
}

#idx7:hover {
    color: crimson;
    background-color: aliceblue;
}


#marco {
    font-family: 'helvetica';
}

* {
  background-color:#333;
}



.logoacumar {
    width: 300px;
    background-color: #FFF;
    padding: 15px;
    margin: 10px;
    border-radius: 10px;
    
    
}


.fotito {
    width: 30%;
    margin: auto;
    display: block;
    border: 10px;
    border-radius: 20px;
    transition: 1s;
}
.fotito:hover {
        transform: scale(2.2);
    
    box-shadow: 2px 2px 2px #000;
}

.textos {
    text-align: center;
    margin: auto;
    margin-bottom: 100px;
    margin-top: 20px;
    background-color: aliceblue;
    color: #333;
    font: 'helvetica';
    padding: 15px;
    border-radius: 10px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    width: 70%;
}

footer {
    font-size: 13px;
    padding: 30px;
    text-align: center;
    color: white;
}