html {
	background-color: rgb(255, 224,224);
	height: 100%;
}

img {
	margin: 0px;
	float: inline-start;
}

h1 {
	text-align: center;
	color: rgb(144 96 192);
	margin: 16px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 24;
}

button {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: bold;
	border: 2px outset grey;
	padding: 2px;
	border-radius: 7px;
	color: rgb(64, 64, 64);
	margin: -0.083333333333%;
}

body {
	margin: auto;
	width: calc(100vw / 1.416666666666666666666667);
	border: 2px outset rgb(224,192,128);
	text-align: center;
	color: rgb(72, 72, 144);
	height: calc(100% - 68px);
	background-color: rgb(255,192,128);
	font-family: 'Times New Roman', Times, serif;
	margin-top: 64px;
	overflow: hidden;
}

.topbar {
	border: 2px solid rgb(255,204,128);
	background-color: rgb(255,224,128);
	width: calc(100vw / 1.416666666666666666666667);
	height: 64px;
    position: fixed;
	top: 0;
	transform: translate(-2px, 0px);
}

.scroll {
    overflow-y: scroll;
    overflow-x: hidden;
	height: 100%;
    scrollbar-color: rgb(128 0 0 / 25%) rgb(255,204,128);
}