/* gaegu-regular - latin */
@font-face {
  font-family: 'Gaegu';
  font-style: normal;
  font-weight: 400;
  src: local('Gaegu Regular'), local('Gaegu-Regular'),
       url('../fonts/gaegu-v3-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/gaegu-v3-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* gaegu-700 - latin */
@font-face {
  font-family: 'Gaegu';
  font-style: normal;
  font-weight: 700;
  src: local('Gaegu Bold'), local('Gaegu-Bold'),
       url('../fonts/gaegu-v3-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/gaegu-v3-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* geo-regular - latin */
@font-face {
  font-family: 'Geo';
  font-style: normal;
  font-weight: 400;
  src: local('Geo'), local('Geo-Regular'),
       url('../fonts/geo-v9-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/geo-v9-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body {
	overflow: hidden;
	background-color: black;
	color: #505050;
}

div#loader {
	color: white;
}

div#stage {
	position: absolute; 
	clip: rect(0px, 1920px, 1080px, 0px); 
}

span.phone-bubble-text {
	position: absolute;
	font-size: 45px;
	width: 90%;
	font-family: Geo, Courier New, monospace;
	top: 25px;
	left: 30px;
}

span.spire-bubble-text {
	position: absolute;
	font-size: 50px;
	width: 90%;
	font-family: Gaegu, cursive;
	text-align: center;
	transform: translate(-50%, -50%);
	line-height: 75%;
}

span.spire-call {
	top: 170px;
	left: 50%;
}

span.arv-end {
	top: 45%;
	left: 50%;
}

span.spire-preface {
	top: 55%;
	left: 48%;
}

span.spire-thought {
	top: 42%;
	left: 46%;
}
