* {
    margin: 0;
    padding: 0;
}

html {
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background: #9dd3ff;
    background: linear-gradient(180deg, rgba(157,211,255,1) 40%, rgba(205,233,255,1) 100%); 
    scroll-behavior: smooth;
}

header {
    padding-top: 4vh;
    padding-bottom: 4vh;
    padding-left: 3vw;
    display: flex;
    align-items: center;    
    /*justify-content: center;*/
    color: #000000;
    user-select: none;
    border-bottom: #000000 solid 1px;
}

.name {
    display: flex;
    align-items: center;
    padding-top: 1vh;
    text-decoration: none;
    padding-bottom: 1vh;
}

.name h1 {
    font-style: italic;
    margin-left: 1vw;
    font-size: 45px;
    color: #000000;
}


.logo {
    color: #62b0f0;
    width: 50px;
    height: 50px;
}


.all h1 {
    margin-bottom: 3vh;
}

.all {
    margin-top: 4vh;
    padding-top: 1vh;
    margin-left: 20vw;
    padding-left: 2vw;
    margin-right: 20vw;
    padding-right: 2vw;
    border: solid #a1c7e0 1px ;
}

img {
    user-select: none;
}

article img {
    width: 100%;
    height: auto;
    margin-bottom: 2vh;
}

article p {
    margin-bottom: 2vh
}

article h1, article h2, article h3, article h4 {
    padding-top: 2vh;
    padding-bottom: 2vh;
} 

article {
    font-size: 13pt;
}

.source {
    margin-top: 2vh;
    padding-top: 1vh;
    margin-left: 20vw;
    padding-left: 2vw;
    margin-right: 20vw;
    padding-right: 2vw;
    margin-bottom: 2vh;
    padding-bottom: 1vh;
    border: solid #a1c7e0 1px ;
}

figcaption {
    color: #797979;
    margin-bottom: 3vh;
}

iframe {
    /*! RELACIÓN 16:9 ENTRE ANCHO Y ALTO, EL CONTENIDO TIENE 56 VW DE ANCHO. POR LO TANTO, EL ALTO DEBE SER DE 32 VW PARA QUE EL VIDEO EMBEBIDO TENGA EL TAMAÑO ADECUADO PARA EL RATO 16:9*/ 

    width: 100% !important;
    height: 32vw !important;
    border: none;
}