body{
	margin:0;
	padding:0;
	max-width:100vw;
	min-height:100vh;
	overflow:hidden;
	background:url('pexels-steve-1509534.jpg');
	background-attachment:fixed;
	background-position:center;
	background-size:cover;
	color:white;
}
@keyframes scaleUp{
	0% {transform:scale(0.8);}
	100% {transform:scale(1);}
}
@keyframes slideDown{
	0% {margin-top:-100vh;}
	20% {margin-top:-100vh;}
	100% {margin-top:0;}
}
@keyframes slideUp{
	0% {margin-top:100vh;}
	20% {margin-top:100vh;}
	100% {margin-top:0;}
	
}
@keyframes scaleDown{
	0% {transform:scale(1.25);}
	100% {transform:scale(1);}
}
@keyframes scaleDownDelayed{
	0% {transform:scale(1.25);}
	20% {transform:scale(1.35);}
	75% {transform:scale(0.9);}
	100% {transform:scale(1);}
}
.row{
	max-width:100vw;
	margin:0;
	padding:0;
}
.content{
	background-color:#333333;
	min-height:100vh;
	max-width:100vw;
	margin:0;
	padding:0;
	display:none;
	background:rgba(0, 0, 0, 0.8);
	animation-name:scaleUp;
	animation-duration:0.8s;
	
}
.pagetitle{
	animation-name:scaleDownDelayed;
	animation-duration:0.7s;
}
[id*="-win"]{
	background:rgba(0, 0, 0, 0.7);
	height:100vh;
	margin-top:0;
	transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	-ms-transition:0.3s ease-in-out;
}
#leftHemText, #rightHemText{display:none;}
#header{
	position:absolute;
	top:0;
	margin:0;
	padding:0;
	width:100vw;
	text-align:center;
	display:none;
}
#left-hem{
	padding:0;
	margin:0;
	min-height:100vh;
	animation-name:slideDown;
	animation-duration:0.8s;
	background:url("pexels-pixabay-257904.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
#right-hem{
	font-family: "M PLUS 1 Code", monospace;
	font-optical-sizing: auto;
	padding:0;
	margin:0;
	min-height:100vh;
	animation-name:slideUp;
	animation-duration:0.8s;
	background:url("pexels-pixabay-270557.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
[id*="-hem"] h2, h2.title{
	text-align:center;
	padding:40vh 0;
	font-size:2rem;
	margin:0 auto;
}
[id*="-hem"]{
	transform:scale(1);
	transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	-ms-transition:0.3s ease-in-out;
}
[id*="-hem"]:hover{
	cursor:pointer;
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	-ms-transform:scale(1.05);
	overflow:hidden;
	transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	-ms-transition:0.3s ease-in-out;
}
[id*="-win"]:hover{
	background:rgba(0, 0, 0, 0.4);
	transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	-ms-transition:0.3s ease-in-out;
}
.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 700

.m-plus-1-code-imported{
  font-family: "M PLUS 1 Code", monospace;
  font-optical-sizing: auto;
  font-style: normal;
}