@import url('https://fonts.googleapis.com/css?family=Exo|Anonymous+Pro');

html {
	position: fixed;
	height: 100%;
	width: 100%;
}

body {
	position: absolute;
	margin: 8px;
	height: calc(100% - 16px);
	width: calc(100% - 16px);
	padding: 0;
	overflow: auto;
	font-family: Exo, 'Open Sans', Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
}

:root.animation-disabled canvas.snow {
	display: none;
}

#main-view {
	/* need this so that #footer (width = 100%) is displayed correctly, see: /games */
	position: relative;
	width: 100%;
	height: 100%;
	overflow: auto;
}

#main-wrapper,
.main-wrapper {
	position: relative;
	/* uncomment these following lines to archive footer behaviour like in home page */
	/* min-height: 100%; */
}

#footer {
	/* uncomment these following lines to archive footer behaviour like in home page */
	/* position: absolute; */
	/*An element with position: absolute; is positioned relative to the nearest positioned ancestor (instead of positioned relative to the viewport, like fixed).
However; if an absolute positioned element has no positioned ancestors, it uses the document body, and moves along with page scrolling.*/
	/* bottom: 0px; */
	clear: both;
	text-align: center;
	width: 100%;
	padding-bottom: 7px;
}

/* This div is to prevent overlap in footer with position: absolute*/
#antioverlap {
	height: 33px;
}

.full-scr {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.full-scr button {
	visibility: hidden;
}

.full-scr:hover button {
	visibility: visible
}