*{  margin: 0;
    padding: 0;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
body{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-image: linear-gradient(
       0deg,
       rgba(0,0,0,0.5),
       rgb(0,0,0,0)
    ),url("imagenes/buque_fondo.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
h1{
    color:rgb(0,0,0);
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 15vw;
    margin: 1vw;
}
#logo{
    width: 25%;
    margin: 0.4em;
}
nav{
    display: flex;
    flex-direction: row;
}
a{
    color: rgb(0,0,0);
    font-size: 1.5vw;
    font-weight: bold;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-decoration: none;
    text-align: center;
    width: 15vw;
}
a:hover{
    color: rgb(107, 7, 138);
    font-size: 2.5vw;
}
#bandera{
    width: 10vw;
}
.imagenes{
    width: 100vw;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 2vw;
}
.imagenes a{
    font-size: 3vw;
    /*text-shadow: 1vw 1vw 3vw rgb(255,255,255);*/
    background-color: rgba(255,255,255,0.5);
    width: 23vw;
}
#imagen{
    width: 20%;
    border: 5px solid rgb(90,90,90);
    border-radius: 5%;
    margin: 1vw 1.1vw;
}
#imagen_adicional{
    width: 40%;
    border: 7px solid rgb(90,90,90);
    border-radius: 5%;
    margin: 1.5vw 1.1vw;
}
.run{
    width: 100vw;
}
@media (max-width:1000px){
    #imagen{
        width: 18vw;
        height: 18vw;
    }
    #imagen_adicional{
        width: 30vw;
        height: 30vw;

    }
}
marquee{
    width: 100vw;
    background-color: rgb(40,40,40);
    color: white;
    height: 5vh;
    display: flex;
    align-items: center;
    font-size: 130%;
}
marquee span{
    color: goldenrod;
    font-weight: bold;
}