/* 
Autuer: Bartek Nowotnik
Datum: 10/09/2025

Statische website
Opmaak van de pagina zelf
*/
html, body 
{
    height: 100%;
    margin: 0;
}
/* Grid template rows maken in de body en opmaak van de body */
body 
{
    display: grid;
    grid-template-rows: auto 1fr auto; 
    background-color: lightgray;
    min-height: 100vh;
}
/* De opmaak van header*/
header
{
    background: url(../images/logo.png) no-repeat 90px center;
    background-size: 80px 75px;
    background-color: rgb(98, 132, 255);
    height: 9vh;
    width: 100%;
}
/* Opmaak van "main" */
main
{
    position: relative;
    width: 100%;
    padding-bottom: 6vh;
}
/* Opmaak van footer */
footer
{
    background-color: black;
    height: 6vh;
    width: 100%;
}
/* Opmaak van de element "P" in de footer */
footer>p
{
    color: white;
    position: relative;
    bottom: 5px; 
    text-align: center;
}
/* Opmaak ul */
ul 
{
    list-style-type: none;
    margin: 0;
    padding-left: 34%;
}
/* float left voor li */
li 
{
    float: left;
}
/* opmaakt element li en a */ 
li a 
{ 
    display: block; 
    color: #000000; 
    text-align: center; 
    padding: 23px 16px; 
    text-decoration: none; 
}
/* andere kleur als je over de element li en a met je muis gaat. */
li a:hover 
{
    background-color: #ffffff;
}
/* Opmaak van de lijn (HR)*/ 
hr
{
    border-top: 3px solid rgb(0, 0, 0);
}