body {
    background-color: rgb(173, 216, 230);
    font-family: Google Sans Code, monospace;
}

header{
    background-image: url(/images/backgroundHeader.jpg);
    color: rgb(255, 255, 255);
}

main{
    background-image: url(/images/achtergrondFotoLunch.jpg);
}

.zalando-sans-uniquifier{
  font-family: "Zalando Sans", sans-serif;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.google-sans-code-uniquifier{
  font-family: "Google Sans Code", monospace;
  font-style: normal;
}

h1 {
    text-align: center;
    font-family: Salando Sans, sans-serif;
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgb(0, 0, 0);
}

nav ul li {
    float: left;
    width: 20%;
}

nav ul li a {
    display: block;
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

ul li a:hover {
    background-color: rgb(0, 100, 0);
}

#logo{
    width: 20%;
    align-items: start;
}

table, th, td{
    border: 3px solid rgb(0, 0, 0);
    background-color: rgb(100, 100, 100);
}

table td:nth-child(even){
    background-color: rgba(64, 64, 64, 2.5);
}

table td:nth-child(even):hover{
    background-color: rgb(50, 50, 50);
}

th, td{
    padding: 5px;
    color: rgb(225, 225, 225);
}

td:hover{
    background-color: rgba(128, 128, 128, 2.5);
}

th:hover{
    background-color: rgba(128, 128, 128, 2.5);
}

i{
    color: rgb(255, 255, 255);
}

footer ul{
    list-style-type: none;
}

footer{
    background-color: rgb(147, 166, 182);
}

.foto-index{
    width: 30%;
}

.foto-lunch{
    width: 15%;
}

.foto-TOurist{
    width: 30%;;
}

.foto-sport{
    width: 30%;
}

.foto-ICT{
    width: 20%;
}

button{
    background-color:rgb(165, 42, 42);
    color: rgb(255, 255, 255);
    padding: 12px;
}