body {
    background-color: #f0f0f0;
    font-family: Arial, Helvetica, sans-serif;
    padding : 0em 1em 1em 1em;
}

h2 {
    padding : .5em 0em 0em 1.3em;
    margin-bottom : 0;
    font-size : 28px;
    font-weight : 900;
}

a {
    text-decoration : none;
    font-weight : 600;
    color : black;
}

footer {
    background-color : lightgray;
    height : 2em;
    margin-top : 1em;

}


#logo {
    padding : .2em;
    margin-bottom : 1em;
    background-color : black;
    color : white;
}

#logo-text {
    font-family :'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 48px;
    font-weight: 900;
}

.app {
    background-color : #ffffff;
}

.app-inner {
    display : flex;
}

.app-explained {
    padding : 1em 2em 1em 1em;
}

.app-demo {
    padding : 2em;
    position : relative;
}

#clock-canvas { 
    width : 320px;
    height : 80px;
}