/* 
Author: Chris Sanders
Date: 11/09/2026
De stijl van alle pagina's en het navigatie menu.
*/

/*hieronder de opmaak van de titel (h1)*/

h1
    {
        background-color: rgb(255, 89, 0);
        padding: 10px;
        margin: 10px;
        color: rgb(255, 145, 0);
        border-radius: 100px;
        -webkit-text-stroke: 1px;
        -webkit-text-stroke-color: rgb(255, 223, 107);
    }

/* hieronder de opmaak van de navigatie */

nav a
    {
        text-decoration: none;
        color: rgb(255, 136, 0);
        background-color: rgb(255, 255, 255);
        border-radius: 10px;
        padding: 5px;
        transition-duration: 0.35s;  
        -webkit-text-stroke-color: rgb(255, 208, 0);
    }

ul
    {
    list-style: none;
    }

/*hieronder maak ik de achtergrond van de navigatie*/

nav ul
    {
        display: flex;
        gap: 20px;
        padding: 90;
        padding-bottom: 2%;
        padding-top: 2%;
        margin: 90;
        background-color: rgb(255, 255, 255);
        justify-content: left;
        font-size: x-large;
        font-weight: 600;
        border-radius: 10px;
        border-width: 3px;
        border-style: solid;
        border-color: rgba(255, 115, 0, 0.36);
        transition-duration: 0.4s;
    }

    /* hieronder laat ik de navigatie langzaam groter worden als je er boven zit met je muis*/

nav a:hover
{
    font-size: 130%;
    color: rgb(255, 153, 0);
    -webkit-text-stroke: 1px rgb(255, 135, 43);
    transition: all 0.4s ease-in-out;
    letter-spacing: 2px;
    background-color: rgba(255, 233, 167, 0.382);
    border-width: 3px;
    border-style: dashed;
    border-color: rgb(255, 153, 0);
}


/* hier mee laat ik de achtergrond van de nav kleur veranderen en dikker worden als je met je muis er boven hangt */

nav ul:hover
{
    border-width: 5px;
    border-style: groove;
    border-color: rgb(255, 106, 0);
    transition: all ease-in-out 0.4s;
    size: 3px;
}

/* hier onder de opmaak van de tekst (p) op alle pagina's*/

p
{
    font-weight: 800;
    -webkit-text-stroke: 0px rgb(255, 255, 255);
    padding: 4px;
    margin: 4px;
    font-size: 20px;
    color: rgb(255, 72, 0)
}

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

h2
{
    background-color: #ffddae;
    padding: 5px;
    margin: 5px;
    color: rgb(255, 255, 254);
    border-radius: 85px;
    -webkit-text-stroke: 1px;
    -webkit-text-stroke-color: rgb(241, 76, 0);
}