button {
	outline: 0px;
	-webkit-outline: 0px;
	-o-outline: 0px;
	-ms-outline: 0px;
	-moz-outline: 0px;
}

.brunoace {
	font-family: brunoace;
}

.advent {
	font-family: advent;
}

.josefin {
	font-family: josefin;
}

.comfortaa {
	font-family: comfortaa;
}

.en {
	display: inline;
	-webkit-animation: fadeIn 1s ease;
	-moz-animation: fadeIn 1s ease;
	-o-animation: fadeIn 1s ease;
	-ms-animation: fadeIn 1s ease;
	animation: fadeIn 1s ease;
}

.kh {
	display: none;
	-webkit-animation: fadeIn 1s ease;
	-moz-animation: fadeIn 1s ease;
	-o-animation: fadeIn 1s ease;
	-ms-animation: fadeIn 1s ease;
	animation: fadeIn 1s ease;
}

#lang-kh:hover, #lang-en:hover {
	cursor: pointer;
	transform: scale(1.1, 1.1);
}

span {
	white-space: nowrap;
}

html, body {
    max-width: 100%;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}

.big-content {
}


p.content {
	color: #555555;
	font-size: 5.1vw;
	/*font-family: brunoace;*/
	transition: 100ms;
	-webkit-transition: 100ms;
	-moz-transition: 100ms;
	-o-transition: 100ms;
	-ms-transition: 100ms;
}

p.content:hover {
	color: black;
	/*color: #0865ff;*/
	font-size: 5.5vw;
	cursor: pointer;
}

body {
	transition: 900ms;
	-webkit-transition: 900ms;
	-moz-transition: 900ms;
	-o-transition: 900ms;
	-ms-transition: 900ms;
}

.invertEverything {
	filter: invert(100%);
	/* Browser Specific*/
	-webkit-filter: invert(100%);
	-moz-filter: invert(100%);
	-o-filter: invert(100%);
	-ms-filter: invert(100%);
	transition: 900ms;
	-webkit-transition: 900ms;
	-moz-transition: 900ms;
	-o-transition: 900ms;
}

.inverteverything {
	filter: invert(100%);
	/* Browser Specific*/
	-webkit-filter: invert(100%);
	-moz-filter: invert(100%);
	-o-filter: invert(100%);
	-ms-filter: invert(100%);
	transition: 900ms;
	-webkit-transition: 900ms;
}

body > div {
	background: #f7f2ff;
	width: 100%;
	height: 100%;
}

div#whole-screen {
	width: 100%;
	height: 100vh;
    /*background: #f2f2f2;*/
}

#body-content {
	width: 200vh;
	height: 100vh;
	text-align: center;
	display: table-cell;
	table-layout: fixed;
	vertical-align: middle;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	transition: 500ms;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    -ms-transition: 500ms;
}

#invert:hover {
			cursor: pointer;
			transform: scale(1.1, 1.1);
			-webkit-transform: scale(1.1, 1.1);
			-moz-transform: scale(1.1, 1.1);
			-o-transform: scale(1.1, 1.1);
			-ms-transform: scale(1.1, 1.1);
		}