html,body {
    width: 100%;
    height: 100%;
        }
#now {
    background-color:#00FFFF;
    min-width: 100%;
    position: relative;
    font-weight: bold;
	font-size: 1.4em;
}
#then {
    background-color:#FFFF00;
    min-width: 100%;
    position: relative;
    font-weight: bold;
	font-size: 1.4em;
}
#office_main {
    background-color:#FFE4E1;
    min-width: 100%;
    position: relative;
    font-weight: bold;
	font-size: 1.4em;
}
.button {
    background-color:#008080;
    min-width: 100%;
    font-weight: bold;
    padding: 10px;
    font-size: 0.7em;

}
#buttons {
    min-width: 100%;
    position: relative;
    font-weight: bold;
    padding: 10px;
}
.dropdown {
    background-color:#CD853F;
    min-width: 100%;
    font-weight: bold;
    padding: 10px;
    font-size: 0.7em;
    text-align: center;
}
.employee {
    background-color:#DEB887;
    min-width: 100%;
    position: relative;
    font-weight: bold;
	font-size: 1.5em;
}
#month {
    background-color:#00FFFF;
    min-width: 100%;
    position: relative;
    font-weight: bold;
    font-size: 1.5em;
}
#days {
    background-color:#DEB887;
    min-width: 100%;
    position: relative;
    font-weight: bold;
font-size: 1.5em;

}
#office {
    background-color:#FFE4E1;
    min-width: 100%;
    position: relative;
    font-weight: bold;
    font-size: 1.5em;
}
#yellow {
background-color: yellow;
}