@font-face {
	font-family: "EB Garamond";
	src: url('/fonts/EB_Garamond/EBGaramond-VariableFont_wght.ttf') format('truetype-variations'),
	     url('/fonts/EB_Garamond/EBGaramond-VariableFont_wght.ttf') format('truetype');
	
	font-weight: 400 800;

	font-style: normal;
	font-dislay: swap;
}

body {
	background-color: #D6F6FF;

	margin: 0;
	padding: 0;

	height: 100vh;

	font-family: 'EB Garamond', serif;
	font-weight: 800;

	display: flex;
	justify-content: center;
	align-items: center;

	overflow: hidden;
}

#main {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	#title {
		color: #08292F;

		font-size: 15vw;
		letter-spacing: -1vw;

		/* gross! */
		margin-top: -20vh;
	}

	#insta {
		background-color: #08292F;
		color: white;
		text-decoration: none;

		border-radius: 5px;

		width: 10rem;

		padding: 3px 3px 3px 10px; 

		display: flex;
		justify-content: space-between;
		align-items: center;

		#icon {
			height: 100%;

			display: flex;
			align-items: center;
		}

		font-family: sans-serif;
		font-size: 16px;
	}
}

@media screen and (width <= 1000px) {
	body {
		#main {
			#title {
				font-size: 20vw;
			}
		}
	}
}