quiz-base{
	
}

upperMenu{
	
}

quizeText{
	
}

quizAnswer{
	
}

cnt-roomtitle{
	background-color: gray;
	border: 1px solid black;
	color: ghostwhite;
	display: block;
	height: 20px;
	opacity: 0;
	overflow: hidden;
	text-align: center;
	transition-duration:1s;
}
cnt-timer{
	color: white;
	cursor: default;
	font-size: 18px;
    left: 468px;
	position: absolute;
    top: 17px;
	user-select: none;
    z-index: 2;
}
cnt-timer.ended{
	border: 0px;
	height: 0px;
	opacity: 0;
	transition-duration:1s;
}
cnt-stars{
    display: flex;
    height: 40px;
	margin-left: 550px;
}
cnt-stars>cnt-star{
	background-image: url(../res/ui/ui-star.png);
	height: 40px; 
	margin: 0px 10px;
	width: 40px;
}
cnt-button cnt-image{
	display:block;
	height: 30px;
	width: 30px;
}
cnt-button.small cnt-image{
	transition-duration:.2s;
}
cnt-levelscreen{
    background: url(../res/pics/bg-levels.png);
    background-repeat: no-repeat;
    background-size: 1060px;
    display: block;
    height: 598px;
    margin-left: -8px;
	margin-top: -8px;
}
cnt-room{
	display: inline-block;
    background: url(../res/pics/question.png);
    position: absolute;
    filter: brightness(0);
    background-size: 374px;
    margin-top: 133px;
    margin-left: -60px;
    background-repeat: no-repeat;
    left: 420px;
    height: 450px;
    width: 417px;
}
cnt-group{
	display:block;
	left: 8px;
	position: absolute;
	text-align: center;
	top: 0px;
	width: 375px;
}
.maintop:before{
	content: url(../res/ui/ui-scroll-top-left.png);
	display: block;
    left: -8px;
	position: absolute;
}
.maintop:after{
	content: url(../res/ui/ui-scroll-top-right.png);
	display: block;
    left: 374px;
	position: absolute;
	top: 0px;
}
.maintxt:before{
	bottom: 76px;
	content: url(../res/ui/ui-scroll-bottom-left.png);
	display: block;
    left: -8px;
	position: absolute;
}
.maintxt:after{
	bottom: 76px;
	content: url(../res/ui/ui-scroll-bottom-right.png);
	display: block;
	position: absolute;    
    right: -36px;
}
cnt-group>cnt-button{
	height: 30px;
	left: 380px;
	margin: 0px 10px;
	position: absolute;
	width: 30px;
}
cnt-group>cnt-button:nth-child(1){
	top: 53px;
}
cnt-group>cnt-button:nth-child(2){
	top: 83px;
}
cnt-group>cnt-button:nth-child(3){
	top: 113px;
}
cnt-text{
	background-color: #d9bfa6;
	display: block;
	width: 375px;
}
cnt-row{
	display: block;
}
cnt-keybtn{
	background-color: blue;
	color: white;
	cursor: default;
	display: inline-block;
	height: 14px;
	margin: 0px 3px;
	user-select: none;
	width: 14px;
}
cnt-keybtn:hover{
	color:navy;
	background-color:yellow;
}