main{overflow:hidden; position:relative;}
main *{position:relative;}
img{width:100%;}
h1{font-size:var(--h1-font-size);}
h2{font-size:var(--h2-font-size);}
h3{font-size:var(--h3-font-size);}
h4{font-size:var(--h4-font-size);}
h5{font-size:var(--h5-font-size);}
h6{font-size:var(--h6-font-size);}
p{margin:0.5rem 0px;}

button, .button{padding:0.5rem 1rem; display:inline-block; cursor:pointer;}
button, .button:hover {transform: scale(1.03);}

/* width op basis van percentage */
.w100 {width:100%;}
.w90 {width:90%;}
.w80 {width:80%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w67 {width:67%;}
.w60 {width:60%;}
.w50 {width:50%;}
.w40 {width:40%;}
.w30 {width:30%;}
.w33 {width:33%;}
.w33:nth-child(2){width:34%;}
.w25 {width:25%;}
.w20 {width:20%;}
.w10 {width:10%;}
.w0 {width:100%;}