:root {
	overflow-x: hidden;
	height: 100%;
}

*, ::after, ::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0
}

html {
	background: #000;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	background: #fff;
	margin: 0;
	min-width: 210px;
	min-height: 100%;
}

main {
	display: table-cell;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100vw;
	text-align: center;
	vertical-align: middle;
}

svg {
	height: 35px;
	margin-top: calc(50vh - 70px);
	fill: #000;
	-webkit-transition: fill 2.5s ease;
	transition: fill 2.5s ease;
	will-change: fill;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@media screen and (orientation: landscape) { 
  svg {
  	margin-top: calc(50vh - 18px);
  }
}