body {
    display: flex;
    margin: 0;
    color: white;
}

div.contenedor {
    width: 60%;
    height: 900px;
    justify-content: center;
    margin: auto;
    background-color: red;
    float: left;
    text-align: center;
}
div.caja {
    border-radius: 40px 40px 40px 40px;
    width: 40%;
    height: 40%;
    background-color: white;
    justify-content: center;
    margin: auto;
    color: black
}
div.imagen {
    width: 30%;
    height: 30%;
    
}
img.puerto {
    
}
div.final {
    background-color: red;
    width: 80%;
    height: 10%;
    margin-top: 5%;
	border: solid 10px black;
	font-size: 25px;

    margin: auto;
}

div.final2 {
    background-color: white;
    width: 300px;
    height: 50px;
    margin: auto;
    color: red;
    margin-top: 60px;
}

/* Agrega esto al archivo css.css */
a {
    color: blue; /* Puedes cambiar "blue" por el color que prefieras */
    text-decoration: none; /* Esto elimina el subrayado por defecto en los enlaces */
}

a:hover {
    color: green; /* Cambia el color cuando el mouse está sobre el enlace */
}