body {
	background: rgb(26, 169, 255);
	background: linear-gradient(74deg, rgba(26, 169, 255, 1) 0%, rgba(28, 66, 103, 1) 38%, rgba(55, 104, 85, 1) 69%, rgba(31, 32, 29, 1) 100%) !important;
	min-height: 100vh;
}

.window {
	background: linear-gradient(0deg, rgba(48, 48, 48, 1) 98%, rgba(97, 99, 98, 1) 100%);
	box-shadow: inset 0 0 10px #000;

	border: 4px ridge #977f51 !important;
	border-radius: 10px !important;
	padding: 0.5em;
}

.spinner {
	position: relative;
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.spinner::before,
.spinner::after {
	border: 6.7px solid #588053;
	border-radius: 50%;
	position: absolute;
	content: "";
	display: block;
}

.spinner::before {
	width: 33.6px;
	height: 33.6px;
	border-bottom-color: transparent;
	border-left-color: transparent;
	animation: spinner-1o3y8q 1.0499999999999998s infinite linear reverse;
}

.spinner::after {
	animation: spinner-1o3y8q 0.7s infinite linear;
	height: 56px;
	width: 56px;
	border-right-color: transparent;
	border-top-color: transparent;
}



@keyframes spinner-1o3y8q {
	to {
		transform: rotate(360deg);
	}
}