/* Bootstrap */
button, input, optgroup, select, textarea {font-family:inherit; font-size:inherit;}

/* Font */
html {font-family:"Open Sans"; font-size:12pt;}
h1, h2, h3, h4, h5, h6 {font-family:Ubuntu;}

/* Margin */
header {margin:12pt;}
h1, h2, h3, h4 {margin:.25em 0;}
p {margin:1em 0;}
input, select {margin:3pt;}
hr {margin:6pt 0;}

/* Display */
menu {display:inline;}

/* Palette */
.black {color:#5C87C9;}
.blue {color:#4949D6;}
.purple {color:#D649D6;}
.red {color:#D64949;}
.yellow {color:#D6D649;}
.green {color:#49D649;}
.teal {color:#49D6D6;}

.theme-dark {
        background-color:#32393F;
        color:white;
}
.theme-dark a {
        color:white;
}
.control {
	width: 100%;
	color:white;
}
.bar {
	width:216pt;
	border: 2px solid white;
}
#progress {
	width: 100%;
	transition: 100ms, linear;
	text-align: center;
	display: inline-block;
	background-color:#49D649;
}
#slider {
	width: 24pt;
	border:3pt solid #C95C85;
	left: 33pt;
	top: -6pt;
	position: absolute;
}

/*
 * Media
 */

@media screen and (max-width:240pt){
        html {font-size:9pt;}
}