html {
	font-size: 4vw;
	overflow-x: hidden; /* overflow-y must be allowed because of long paradigms */
	height: 100%; /* https://stackoverflow.com/questions/8824831/make-div-stay-at-bottom-of-pages-content-all-the-time-even-when-there-are-scrol */
}
@media (min-width: 1024px) {
	html {
		font-size: 16px;
		height: 100%;
	}	
}


body {
	background-color: #FFFFFF;
	margin: 0; /* default is not 0 */
	height: 100%;
}

div#holder {
	min-height: 100%;
    position:relative;
	padding: 0px;
	margin: 0px;
}

a {
	text-decoration: none;
	color: #000000;
	cursor: pointer;
}


input:focus {
	outline: #515151;	
}


/* https://tobiasahlin.com/blog/flexbox-break-to-new-row/ */
div.break {
	flex-basis: 100%;
	height: 0;
}



.stickybar {
	position: -webkit-sticky;
	position: sticky;
	top: 50px;
	z-index: 100;
}

.progress {
	width: 50px;
	height: 50px;
}