@import "fonts.css";

html, body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	height: 100%;
	min-height: 100%;
	width: 100%;
	min-width: 100%;
	font-size: 0.5vw;
	scroll-behavior: smooth;
	scroll-snap-type: y mandatory;
	background-color: #000;
	z-index: -10;
}

html {
	overflow-y: scroll;
}

.content {
	position: relative;
	container-type: inline-size;
	min-height: 100vh;
	width: 100%;
	max-width: 300vh;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	padding: 0 0 0 0;
	box-sizing: border-box;
	scroll-behavior: smooth;
	scroll-snap-type: y mandatory;
}

* {
	outline: none;
	-webkit-user-select: none;
	user-select: none;
}

*::selection {
	background: #000;
	color: white;
}



@media (orientation: portrait) {}

@media (orientation: landscape) {}

@media (max-aspect-ratio: 12/10) {}

@media (min-aspect-ratio: 2.8/1) {}