@import url("./modern-normalize.css");
@import url("./98.css");

@font-face {
	font-family: "Lexend";
	src: url("./Lexend-Regular.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Lexend";
	src: url("./Lexend-Bold.woff2") format("woff2");
	font-weight: bold;
	font-style: normal;
}

body {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5% 20%;
	background-image: url("./clouds.png");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

#main-window {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
    opacity: 0.9;
	& > .title-bar {
		& > .title-bar-controls {
			& > [aria-label=Restore] { display: none; }
		}
	}
	& > .window-body {
		flex: 1;
		min-height: 0;
		display: flex;
		flex-direction: column;
		& > [role=tabpanel] {
			flex: 0 1 auto;
			min-height: 0;
			overflow-y: auto;
		}
	}
}

#minimize-restore {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 576px) {
	body { padding: 0; }

	#main-window {
		& > .title-bar {
			& > .title-bar-controls {
				& > [aria-label=Restore] { display: block; }
				& > [aria-label=Maximize] { display: none; }
			}
		}
	}
}