html, body {
margin:0;
padding:0;


}
.H{
margin:0;
background-color:rgb(119, 28, 28);
height:3.5em;
width:100%;
text-align:center;
position:sticky;
top:0;
}

.H h1{
     top:50%;
    margin:0;
    font-size:2.5em;
    font-style:italic;
    color:white;
}
::-webkit-scrollbar{

    display:none;
}
.C {
margin:0;
background-color:rgb(57, 12, 12);
height:90em;
place-items:center;
overflow-y:auto;

}

.C article {
margin:0;
padding:20px;
object-fit:contain;
gap:2em;
height:auto;
width:75%;
border-color:rgb(16, 16, 16);
border-style:solid;
background-color:azure;
text-align: justify;
border-radius:5px;
}
.C h2{margin:0;}
    .C h3{margin:0;}
.C h4{margin:0;}
.C p{margin:auto;}
.C b{font-size:4em; padding-left:40%;}
    .C img {

height:auto;
width:100%;
        
    }

@media screen and (min-width: 700px) {
    /* Voeg hier responsive regels toe, bijv. */
    .html ,body{place-items:center;overflow:auto;
    background-color:rgb(57, 12, 12);}
    .C{

        width:95%;
       

    }
    .C article {
        width: 50%;
        place-items:center;
    }

    .C img{
        aspect-ratio:16:9;
        object-fit:contain;
    }
}