body{
    background-color: white
}

#logo {
    display: flex;
    margin: auto;
    text-align: center;
}

nav {
    display: flex;
    background-color: skyblue;
    width: 100%;
    padding: 10px;
}

.navigation a{
    display: flex;
    color: black;
    width: 100%;
    padding: 15px 20px;
    text-align: center;
    text-decoration: none;
}

.navigation a:hover{
    background-color: deepskyblue;
}

.Image-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.Image-Sub{
    width: 50%;
    opacity: .5;
}

.Image-Sub > img{
    width: 100%;
    height: 100%;
}

.Image-Sub:hover{
    opacity: 1;
}

.img-text{
    position: relative;
    bottom: 80px;
    font-size: 150%;
    background-color: skyblue;
}

footer{
    background-color: skyblue;
    text-align: center;
}

.button{
    margin-left: 50%;
    background-color: skyblue; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;\
    
}