body{
	background-image: url('https://news.store.rambler.ru/img/ca72f3d8bdcebd60d5a13e29100410da?img-1-resize=width%3A1280%2Cheight%3A720%2Cfit%3Acover&img-format=auto');
	background-size:100%;
}

#trivia{
	display:flex;
	top:90%;
	position:absolute;
}

.wordBlock {
	width:50px;
	height:50px;
	border:5px solid white;
	background-color:blue;
	color:white;
	display:flex;
	vertical-align:middle;
	flex-direction: column;
	align-items: flex-start;
	margin:5px;
}
.wordBlock h1{
	color:white;
	display:flex;
	vertical-align:middle;
	flex-direction: column;
	align-items: flex-start;
	margin:auto;
}

#popup {
	margin: auto; 
	position: absolute; 
	top: -50%; 
	left: 0; 
	bottom: 0; 
	right: 0;
	width:40%;
	height:0%;
	background-color:white;
	transition-duration:2s;
	background-image: url('scroll-png-26394.png');
	background-size:100% 100%;
	background-color:transparent;
	z-index:5;
}
#popup :is(h1, h2, input, button){
	transform:translateY(5px);
	margin:15px auto;
	text-align:center;
	display:none;
}

#popup h1 {
	text-shadow:2px 2px 2px white;
}

#victory, #defeat{
	margin: auto;
	position: absolute; 
	display:none;
	top: 0; 
	left: 0; 
	bottom: 0; 
	right: 0;
	width:50%;
	background-size:cover;
	background-color:transparent;
	background-repeat:no-repeat;
	z-index:10;
}

#victory{
	background-image: url('imgonline-com-ua-Transparent-backgr-dK7EdiWKlIlDRJWo.png');
}

#defeat{
	width:95%;
	background-image: url('imgonline-com-ua-Transparent-backgr-DlmYU9A0JNijdjZ.png');
}