@import "fonts/fonts.css";
@import "colors.css";
@import "normalize.css";
@import "markup.css";
@import "grid.css";
@import "typographic.css" screen and (min-width: 768px);
@import "typographic-mobile.css?v=2" screen and (max-width: 767px);
@import "effects.css?v=2";
@import "blocks.css" screen and (min-width: 868px);
@import "blocks-mobile.css" screen and (max-width: 867px);

@media (max-height: 500px) and (min-width: 500px) and (orientation: landscape) {
	html:after {
		content: "Please use portrait orientation";
		position: fixed;
		display: flex;
		font-size: 2.3rem;
		justify-content: center;
		align-items: center;
		width: 100vw;
		height: 100vh;
		top: 0; left: 0;
		z-index: 10000;
		background-color: black;
		color: var(--gr-solid-mask);
	}
}