body {
    text-align: center;
    width: fit-content;
    background-color:azure;
    width: 90%;
    margin-left: 5%;

}
#upper {
    font-size: xx-large;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: 600;
    padding: 1%;
}
.buttonPhoto{
    position: relative;
    object-fit: cover;
    width: 300px;
    image-resolution: 100dpi;
    height: 300px;
}
.buttonPhoto:hover{
    filter: brightness(1.4);
    cursor: pointer;
}
.buttonPhoto:active{
    border: 1px solid grey;
    box-shadow: 2px 1px 1px 2px black;
}

.options ul{
    text-align: center;
    list-style-type: none;
    font-size: 20px;
}
.optionUL{
    display: inline-block;

}
.options li{
    width: 300px;
    border: 2px solid grey;
    margin-bottom: 1%;
    float: none;
}