@charset "utf-8";
/* CSS Document */

body {
    margin: 0;
    background-color: #E1E1E9;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}

h1 {
    margin: 0;
    background-color: #34344C;
    color: white;
    font-size: 400%;
}

section#escritorio {
    position: absolute;
    top: 6rem;
    left: 10%;
    width: 35%;
    border-left: #34344C solid 3px;
    border-right: #34344C solid 3px;
}

section#internet {
    position: absolute;
    top: 6rem;
    right: 10%;
    width: 35%;
    border-left: #34344C solid 3px;
    border-right: #34344C solid 3px;
}

h2 {
    margin: 1rem;
    background-color: #33354D;
    color: white;
    font-size: 205%;
    text-align: center;
}

article {
    border-radius: 10px;
    margin: 25px ;
    padding-bottom: 1px;
    background-color: #FFFFFF;
}

h3 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-left: 4.5px;
    background-color: #29A333;
    font-size: 150%;
    color: white;  /* Lo he añadido en lo del pdf */
    margin: 0;       /* Lo he añadido para evitar el salto de línea natura de la etiqueta h3 
                        , esto provocaba un espacio que no se corresponde con la foto de la 
                        solución , por eso lo he añadido  */
}

p {
    margin: 5px;
}