/* kleuren */

:root{
    --blue: rgb(24, 36, 120);
    --blueTitel: rgb(30, 45, 151);
    --blueText: rgb(136, 148, 234);
    --footerColor: rgb(22, 25, 49);
}

/* navi */

nav{
    background-color: var(--blue);
}

nav ul li{
    background-color: var(--blue);
}

.toggle{
    background-color: var(--blue);
}


/* body */

h1{
    color: var(--blueTitel);
}

h2{
    color: var(--blueTitel);
}

body:not(.navi){
	color: var(--blueText);
}

footer{
    background-color: var(--footerColor);
}


/* foto */
#picture{
    display: flex;
    justify-content: center;
    }
#picture img{
    width: 90%;
}


@media (min-width: 800px){
    #picture img{
        width: 70%;
        max-width: 1200px;
    }
}