body {font-size: 200%;
    background-color: rgb(13, 100, 128);}

h1 {text-align: center;
    font-size: 100%;}

li {margin: 1%;}

.avion380 {float: right;
        width: 25%;
        height: 30%;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 2%;}

audio, video { display: block; 
                width: 640px; 
                max-width: 90%; 
                margin: 0 auto;}

video {margin-bottom: 5%;}

.prinAir {background-color: rgb(227, 150, 255);}

.A220 {background-color: rgb(133, 137, 204);}

.A320 {background-color: rgb(150, 204, 133);}

.A330 {background-color: rgb(204, 186, 133);}

.A350{background-color: rgb(204, 147, 133);}

.A380 {background-color: rgb(133, 204, 190);}

.regresar {position: fixed; top: 0%; left: 0%;
            width: 3%;
            height: auto;
            margin: 0.5%;}

.flotante {position: fixed; top: 0%; right: 0%;
            width: 3%;
            height: auto;
            margin: 0.5%;}

.flechaembraer {position: fixed; bottom: 8%; right: 0%;
            width: 3%;
            height: auto;
            margin: 0.5%;}

.flechaboeing {position: fixed; bottom: 0%; right: 0%;
            width: 3%;
            height: auto;
            margin: 0.5%;}
            
.fuentes {position: fixed; bottom: 0%; left: 0%;
            width: 3%;
            height: auto;
            margin: 0.5%;}