body {background-color:#2b2a33; margin:0; font-family: 'Courier New', monospace; color:#fff;}
a {color:#fff !important;}
#container {display:flex; width:100%; height:100vh;}
#left {flex-grow: 1;}
#right {width:400px;}
#right iframe {width:100%; height:100%; }
	
#pages {display:flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; align-items: center; margin-top:20px; padding:0 30px;}
#pages .item {text-decoration:none; padding:10px; background-color:#35343d;}
#pages .item img {height:48px;}
#pages .item:hover {background-color:#1f1e26;}

#timer_stop {display:none;}

#apps {padding: 0 30px; margin-top:40px; display:flex;}
.app {padding:20px; background-color:#35343d;}

#timer {}
#time {font-size:32px; color:#f1f1f1; text-align:center;}
#timer_cta {}
#timer_opt {font-size:18px; display:block; width:100%; border-radius:0; border:0;}

.btn {display:block; width:100%; border:0; font-weight:bold; font-size:22px; background-color:#282828; color:#f1f1f1; cursor:pointer;}
#timer_go {background-color:#588157;}
#timer_stop {background-color:#fcbf49;}