body{
    font-family: sans-serif;
    background-color: #e7e9ea;
    margin: 0px;
    text-align: center;
}
#firstDiv {
    width: fit-content;
    text-align: center;
    position: relative;
    top: 230px;
    display: flex;
    margin: 0 auto;
}
.option{
    margin: 10px;
    padding: 20px;
    border-color: black;
    border-width: 3px;
    border-radius: 16px;
    background-color: white;
    box-shadow: 0px 20px 58px grey;
    width: 200px;
    transition: 0.4s;
}
.option:hover{
    cursor: pointer;
    box-shadow: 0px 20px 15px grey;
}
.option img{
    height: 160px; 
}
.moreText{
    margin-top: -4px;
    position: relative;
    top: 25px;
}
a{
    text-decoration: none;
    color: rgb(92, 91, 91);
}
#header{
    text-align: center;
    background-color: #a7b5c3;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
}
#header img{
    height: 69px;
    margin: 5px;
}
#footer{
    position: absolute;
    bottom: 0px;
    left: -5px;
    background-color: white;
    width: 100%;
    text-align: center;
    margin-top: 200px;
}
#footer img{
    height: 66px; 
}

@media screen and (max-width: 600px) {
    #firstDiv {
        display: block;
        top: 70px;
    }
    #footer {
        position: relative;
        margin-top: 270px;
    }
  }