style.css

/*style.css*/
body {
    font-family: 'Open Sans';
    background-color: rgba(142, 68, 173,1.0);

}
#header {
    text-align: center;
    color: rgba(255, 255, 255,1.0);
    font-style: italic;

}

input {
    width: 300px;
}
#task-input {
    text-align: center;

}
/*body{*/
/*text-align: center;*/
/*background: #00ECB9;*/
/*font-family: sans-serif;*/
/*font-weight: 100;*/
/*}*/

h1{
    color: rgba(255, 255, 255,1.0);
    font-weight: 100;
    font-size: 40px;
    margin: 40px 0px 20px;
}

#clockdiv{
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 30px;
}

#clockdiv > div{
    padding: 10px;
    border-radius: 3px;
    background: #00BF96;
    display: inline-block;
}

#clockdiv div > span{
    padding: 15px;
    border-radius: 3px;
    background: #00816A;
    display: inline-block;
}

.smalltext{
    padding-top: 5px;
    font-size: 16px;
}
#workspace {
    text-align: center;
}
#tasks, #timer {
    display: inline-block;
    margin: 0 auto;
}