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


}
footer{border-style:solid;}
header{width:100%;}

.hero a{text-decoration:none; color:black;}
.H{
margin:0;
background-color:rgb(119, 28, 28);
height:3.5em;
width:100%;
text-align:center;
position:sticky;
top:0;
z-index:1000;
}

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

    display:none;
}

.nav{
    z-index:800;
    height:4em;
    width:100%;
    text-align:center;
    padding:0;
    margin:0;
    align-items:center;
    position:sticky;
    top:3.5em;
    box-shadow: inset 10px 0px 10px;
    background-color:rgb(101, 34, 34);
    object-fit:contain;}
    
    
        .nav a{ display:inline-block; margin:5px; text-decoration:none; color:Black;
            padding:3px; width:3.4em; background-color:rgb(219, 213, 213);
            height:auto; text-align:center; border-radius:8%; font-style:italic;}
            a:hover{background-color:rgb(218, 74, 74);}

    
.C {
margin:0;
background-color:rgb(57, 12, 12);
height:90em;
width:100%;
place-items:center;
overflow-y:auto;
top:0;
left:20em;
z-index:600;



}
article a {
    font-size: 1.5em !important;}


}
main{width:100%;}
.C a{text-decoration:none; color:black; font-size:1.6em;}

.C article {
margin:0;
padding:20px;
object-fit:contain;
gap:2em;
height:auto;
width:75%;
box-shadow:10px 10px 10px;
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%;
        
    }

    .C content{
        border-style:solid;
        border:4px;
        border-color:white;

    }

@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;
    }

 .nav a{ display:inline-block; margin:5px; text-decoration:none; color:Black;
            padding:20px; width:auto; background-color:rgb(219, 213, 213);
            height:auto; text-align:center; border-radius:8%; font-style:italic;}
            a:hover{background-color:rgb(218, 74, 74);}
article a {
    font-size: 1.5em !important;}


}