
body {
	background:black;
	color: white;
}

h1 {
	position:fixed;
	left:24%;
	font-family: 'Kalam', cursive; 
	font-size: 250%;
}

.timer-mask {
	position:fixed;
	top: 180px;
	left:21%;
    width: 300px;
	height:300px;
	overflow:hidden;
   	border-radius: 50%;
    border-style: solid;
    border-color: white;
    background: #467970;
 	background: transparent;
}

.timer-button-wrapper {
   	position:absolute;
	top: 0px;
	left:0px;
    width: 100%;
	height:100%;
	overflow:hidden;
   	border-radius: 50%;
    background: #4679BD;
 	background: transparent;
}

.timer-status-wrapper {
   	position:absolute;
	top: 0px;
	left:0px;
    width: 100%;
	height:100%;
 	background: transparent;
}

.timer-status-1 {
   	position:absolute;
	top: 15%;
	//left:25%;
    width: 100%;
	height:100%;
	text-align: center;
    font-family:Verdana;
    font-size:2em;
    font-weight:bold;
    text-decoration:none;
 	background: transparent;
}

.timer-status-2 {
   	position:absolute;
	top: 50%;
	//left:25%;
    width: 100%;
	height:100%;
	text-align: center;
	font-family:Verdana;
    font-size:2em;
    font-weight:bold;
    text-decoration:none;
 	background: transparent;
}

.timer-shutter {
   	position:absolute;
	top: 100%; // % time remaining
	left:0px;
	height:100%;
    width: 100%;
    background: green; 
}

.timer-button {
    display:block;
    position:absolute;
	float:left;
	width:100%;
	padding-top:50%;
    padding-bottom:50%;
	margin-top:-0.5em;
	text-align:center;
	color:white;
    font-family:Verdana;
    font-size:1.2em;
    font-weight:bold;
    text-decoration:none;
	background: transparent;
}

.timer-minus-val-plus {
   text-decoration:none;
	color:white;
    font-family:Verdana;
    font-size:1.2em;
    font-weight:bold;
    padding-left:35px;
    float:left;
}

.timer-break-wrapper {
	position:fixed;
	top: 100px;
	left:10%;
}
.timer-break-wrapper p {
	margin-bottom:10px;
	padding-left:27px;
	padding-right:50px;
}

.timer-session-wrapper {
	position:fixed;
	top: 100px;
	left:45%;
}
.timer-session-wrapper p {
	margin-bottom:10px;
	padding-left:25px;
	padding-right:50px;
}

