* {box-sizing: border-box; margin: 0; padding: 0;}
.logo {width: 90%; max-width: 700px; height: 80%; background-color: #222222; border-radius: 8px; }
header {display: flex; justify-content: center; padding-top: 2%;}

.espaciado {padding-bottom: 5%;}
h3 {font-family: Arial, Helvetica, sans-serif; color: #FFC926; font-size: 3.4vmin; text-align: center; padding-bottom: 2%;}

.textAbout {color: white; font-family: Arial, Helvetica, sans-serif; font-size: 2.9vmin; background-color: #222222; width: 94%;
            text-align: justify; padding: 2%; border-style: none; border-radius: 10px; }
.padre {display: flex; flex-direction: column; align-items: center; margin-bottom: 4%;}

.backInicio {display: flex; justify-content: center;}
.botonInicio {cursor: pointer; background-color: #222222; padding: 1vmax; border-style: groove; border-radius: 7px; border-color: skyblue; color:skyblue; border-width: 1px; font-size: 70%;}


.piePagina {background-color: #222222; padding-top: 2%; padding-bottom: 3%; display: flex; flex-wrap: wrap; justify-content:center;}
.textPie {color: skyblue; font-family: Arial, Helvetica, sans-serif; font-size: 95%; margin-bottom: 3%; margin-top: 2%;}
.textPie2 {color: white; font-family: Arial, Helvetica, sans-serif; font-size: 80%;}
.pieSegmento {display: flex; flex-direction: column; align-items: initial; padding-left: 3%; padding-right: 3%; padding-bottom: 2%; padding-top: 3%;}
a {color: white;}
a:visited {color: skyblue;}