@import url('https://fonts.googleapis.com/css?family=Quicksand');

html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: sans-serif;
}
a {
	text-decoration: none;
}
.container {
	text-align: center;
}
.subtitle {
	color: gray;
}

.tabbed {
	padding-left: 100px;
}

.scoreboard {
	width: 20%;
	height: 80%;
	top: 0;
	right: 0;
	position: absolute;
	background: transparent;
	font-family: 'Quicksand', sans-serif;;
  	text-rendering: optimizeLegibility;
}

.scoreboard p {
	font-size: 1.5rem;
	text-align: right;
	padding-top: 20px;
	padding-right: 20px;
	color: white;
	text-shadow: 2px -1px 20px whitesmoke;
}

/* Thanks to http://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting-using-css#4407335 */
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}