#content{
    padding-left:  600px;
    padding-top: 80px;
    max-width: 800px;
    color: rgb(236, 236, 236);

    
}  

body{
    background-color: rgb(26, 26, 26);
}

#cover {
    font-family: 'Helvetica Neue';
    display: none;
}

img{
    max-width: 400px;

}

p{
    width: calc(100%/6*5);
    margin-top: 0px;
    widows: 4;
    orphans: 4;
    font-size: 20px;
    padding-top:20px ;
    padding-bottom:20px ;
}

h3, h4{
    width: calc(100%/6*)
    margin-top: 0px;
    widows: 4;
    orphans: 4;
    break-after: avoid;
     font-size: 30px;
    font-family: bebas neue
}
h2{
    width: calc(100%/6*5);
    margin-top: 0px;
    widows: 4;
    orphans: 4;
    break-after: avoid;
     
    font-family: bebas neue;
    font-size: 50px;
}




.image_fullpage img{ 
    width: 200%;
    max-width: 200%;
    height: 100%;
    object-fit: cover;
}



.image_page{
    --pagedjs-full-page: page   
}


img{ 
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    padding-left: -300px;
}

#graff2{
    
    position: absolute;
    right: 0px;
    top:0px;
    margin-left: 20px;
}
#graff3{
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    --pagedjs-full-page: page   

}
#graff4{

    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;


    --pagedjs-full-page: page  ;
 
}

#graff6{
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    --pagedjs-full-page: page   

}

.centered{
    width:100%;
    height:100%;
    object-fit: content;
    display: flex;
    align-items: center;
    justify-content: center;

}
.centered img{
    width: 80%;

}