/* Kleurcodes:
 * Niet meer: Donkerblauw	#355e7e
 * Oranje		#f8b195
 * Rozerood		#f2727f
 * Zeegroen		#57a7b3
 * bijna-zwart	#313130
 */


@font-face {
    font-family: MyLatoFont;
    src: url(../resources/Lato-Regular.ttf);
    /*src: url(../resources/Lato-Bold_0.ttf);*/
}

body {
    background-color: #313130;
    font-family: MyLatoFont;
}

#topRow {
	height: 24vh;
}

.row {
	margin: 0;
}

#logo-container {
	height: 100%;
	padding: 2vmin;
	padding-left: 4vmin;
}

#logo {
	max-width: 95%;
	max-height: 95%;
	padding: 0;
	margin: 0;
}

@font-face {
    font-family: MyDigitalFont;
    src: url(../resources/OCRAEXT.TTF);
}

#clock-container {
	height: 100%;
	font-family: MyDigitalFont;
	text-align: center;
	padding: 1vmin;
}

#clock {
	color: white;
	margin: 0;
	padding: 0;
	font-size: 80px;
}

#genres {
	height: 25vh;
	font-size: 3.3vh;
	padding-left: 4vmin;
}

#winner {
	color: white;
}

#genre1 {
	color: #f8b195;
}

#genre2 {
	color: #57a7b3;
}

#genre3 {
	color: #f2727f;
}

#results {
	max-height: 50vh;
}

#results > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.votesbar-container {
	width: 17vw;
}

#votesbar1 {
	background-color: #f8b195;
	width: 100%;
}

#votesbar2 {
	background-color: #57a7b3;
	width: 100%;
}

#votesbar3 {
	background-color: #f2727f;
	width: 100%;
}

#votes1 {
	color: #f8b195;
	font-size: 4vh;
}

#votes2 {
	color: #57a7b3;
	font-size: 4vh;
}

#votes3 {
	color: #f2727f;
	font-size: 4vh;
}

.votesbutton {
	max-width: 17vw;
	max-height: 10vh;
	outline: none;
}

.white-text {
    color: white;
    font-size: 1.5em;
}

#nopoll {
    padding-left: 4vmin;
}

#stem-op {
	font-size: 2em;
}