/* Daniel Álvarez Blanco UO290321 */
/* Layout general para MotoGP */
/* Especificidad: 0,0,1 */
header {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

/* Especificidad: 0,0,1 */
h1 {
    display: flex;
}

/* Especificidad: 0,0,1 */
nav {
    display: flex;
    gap: 0.5em;
}

/* Especificidad: 0,0,2 */
body > div {
    width: 100%;
    height: 60vh;
    margin-top: 2rem;
}

/* Especificidad: 0,0,1 */
video {
    max-width: 50%;
    height: auto;
}

/* Especificidad: 0,0,1 */
table {
  border-collapse: collapse;
  width: 100%;
}

/* Especificidad: 0,0,1 */
table, th, td {
  border: 0.1em solid black;
}

/* Especificidad: 0,0,1 */
th, td {
  padding: 0.2em;
  text-align: center;
}

/* Especificidad: 0,0,3 */
ul li img {
    max-width: 100%;
    height: auto;
}

/* Especificidad: 0,0,2 */
article img {
    max-width: 100%;
    height: auto;
}

@media (min-width: 320px) and (max-width: 799px) {

    /* Especificidad: 0,0,1 */
    header, h1, nav {
        flex-direction: column;
    }

    h1, nav {
        text-align: center;
    }

    /* Especificidad: 0,0,1 */
    nav a {
        display: flex;
        flex-direction: column;
        width: 100%;
        text-align: center;
    }

    /* Especificidad: 0,0,1 */
    header + p {
        display: none;
    }

    /* Especificidad: 0,0,1 */
    video {
        width: 100%;
    }

    /* Especificidad: 0,0,1 */
    audio {
        width: 100%;
    }

    /* Especificidad: 0,0,1 */
    input {
        font-size: 0.8rem;
        width: 100%;
    }

    /* Especificidad: 0,0,1 */
    table {
        font-size: 0.6rem;
    }
}