/*
Auteur: Kai van Dorland
Aanmaakdatum: 11-9-2025
Website gemeente Wijchen
Dit document word gebruikt als basis stijl, zodat ik de achtergrond en alles niet steeds opnieuw hoef te maken
*/

@font-face {
    font-family: 'archivo';
    src: url(/fonts/Archivo_Black/ArchivoBlack-Regular.ttf);}

.navbar {
    overflow: hidden;
    background-color:  rgba(223, 200, 0, 0.747);
    display: flex;
    justify-content: center;
}

.navbar a {
    float: left;
    font-size: 16px;
    color: rgb(192, 0, 0);
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    background-color:rgb(245, 221, 2);
    font-weight: bold;
}

.dropdown{
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn{
    font-size: 16px;
    border: none;
    outline: none;
    color: rgb(192, 0, 0);
    padding: 14px 16px;
    background-color: rgb(245, 221, 2);
    margin: 0;
    font-weight: bold;
}
.navbar a:hover, .dropdown:hover .droptbtn{
    background-color: rgb(255, 208, 0)
}

.dropdown-content {
display: none;
position: absolute;
background-color:rgba(223, 200, 0, 0.747);
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}

.dropdown-content a {
float: none;
color: rgb(192, 0, 0);
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: center;
font-weight: bold;
}

.dropdown-content a:hover {
    background-color: rgb(255, 208, 0);
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropbtn:hover{
    background-color:rgb(255, 208, 0)
}
 
body{
    margin: 0px;
    padding: 0px;
    background-image: linear-gradient(to bottom right, rgba(224, 187, 3, 0.839),rgba(224, 187, 3, 0.839), rgba(207, 15, 5, 0.822) );
    min-height: 100vh;
}
h1 {
    text-align: center;
    font-family: 'archivo', 'sans-serif';
    background-color: rgb(168, 34, 0);
    margin-bottom: 0%;
    margin-top: 0%;
    color: rgb(245, 221, 2);
}

.footer {  
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgb(168, 34, 0);
    line-height: 1px;
    text-align: center;
    font-weight: 10;
}