body {
	overflow: hidden;
}

summary,
p {
	margin: 0 0 0 0;
	font-family: "Segoe UI", Arial, sans-serif;
}

.screen {

	background-image: url("../assets/images/background.png"), linear-gradient(to right, antiquewhite);
	background-repeat: repeat, no-repeat;
	background-size: 10%, 100% 100%;
	background-position: right 15px top 15px, 0;
	background-attachment: fixed;

	display: grid;
	align-content: center;
	justify-content: center;

	width: 100vw;
	height: 100vh;
	transition: opacity 1s;
}

.window-explode-button,
.window-close-button,
.window-button {
	background-color: rgba(200, 200, 200, .8);
	--background-image: linear-gradient(to bottom, rgba(200, 200, 200, .8), rgba(234, 234, 234, 0.8), rgba(200, 200, 200, .8));
	display: inline-block;
	width: 3vw;
	height: 23px;

	border: #595c60 solid 1px;

	transition: filter .25s, background-color .25s;
}

.window-close-icon {
	position: relative;
	top: 0;
	left: 0;
	translate: -5% -15%;
	width: 2vw;
}

.window-bomb-icon {
	position: relative;

	width: 1.3vw;
	filter: drop-shadow(0 0 10px rgba(0, 0, 0, .5));
	margin: auto auto 10px;
}

.window-close-button {
	max-width: 44px;
	min-width: 3.50vw;
	width: 3.50vw;
	color: white;
	background-color: rgba(226, 160, 148, .8);

	--background-image:  linear-gradient(to bottom, #e2a094, #b13119, #e2a094);
	text-align: center;
	border-bottom-right-radius: 10px
}

.window-explode-button:hover,
.window-button:hover {
	--background-color: rgba(176, 203, 214, 0.8);
	filter:brightness(110%);
}

.window-close-button:hover {
	filter:brightness(120%);
}

.window-explode-button:active,
.window-button:active,
.window-close-button:active {
	filter:brightness(150%);
}