@import url('https://fonts.cdnfonts.com/css/maximum-impact');

html, body {
	overscroll-behavior-y: none;
	height: 100%;
	width: 100%;
}

html {
    overflow: hidden;
    position: fixed;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Maximum Impact', Impact, sans-serif;
	font-size: 5em;
    position: relative;
}

section:nth-child(4) {
	cursor: pointer;
}

.container {
	position: relative;
	height: 100vh;
}

.animated-letter {
	padding: 10px;
	display: inline-flex;
	z-index: 1000;
	position: relative;
}

.quarter-height {
	height: 25%;
	position: relative;
}

.mobile-only {
	display: none;
}

@media only screen and (max-width: 800px) {
	body {
		font-size: 4em;
	}
  }

@media only screen and (max-width: 700px) {
	body {
		font-size: 3em;
	}
  }

@media only screen and (max-width: 600px) {

	.mobile-only {
		display: unset;
	}

	body {
		font-size: 2em;
		height: calc(100vh - 110px);
	}

	.container {
		height: calc(100vh - 110px);
	}

  }