#timeImage{
    width: 20em; 
    height: auto;
    display: block;
    margin: 0 auto; 
}

.button{
    padding: 0.5em 1em;
    background-color: #5499C7;
    color: white;
    border: none;
    border-radius: 0.25em;
    margin: 0.25em;
    font-size: 1em;
}
.button:hover {
    background-color: #A9CCE3;
}

#slideshowImage{
    width: 20em; 
    height: auto;
    display: block;
    margin: 0 auto; 
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #EAF2F8;
    padding: 0.5em; 
}

.timeImageDisplay {
    border: 0.5em solid #1A5276;
    background-color:  #D4E6F1;
    padding: inherit;
    line-height: 1.3em;
}

.slideshowDisplay {
    border: 0.5em solid  #1A5276;
    background-color:  #D4E6F1;
    padding: inherit;
    line-height: 1.3em;
}

#time{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    padding: 0.5em;
}

#main-title{
    color: #154360;
    text-align: center;
    background-color: #D4E6F1;
    padding: 0.5em;
    border: 0.3em solid #1A5276;
}