h1 {
   text-align: center;
}

form {
   text-align: center;
   font-size: 30px;
}

#timer {
   text-align: center;
   font-size: 40px;
   margin-top: 40px;
}

.mnemonics-image{
   display: none;
}

.inactive{
   display: none;
}

.mnemonics__images{
   text-align: center;
}

.mnemonics-image.active {
   display: inline-block;
}
/* 
.active_img{
	width: 420px;
	height: 420px;
	overflow: hidden;
} */

.choose_img.active {
   outline: 4px solid blue;
   outline-offset: -4px;
}

.choose_img {
   max-width: 200px;
   /* background-color: violet; */
}

.mnemo_wrapper.choose_img__container .choose_img {
   max-width: 200px;
}



.mnemonics-step {
   margin-bottom: 10px;
   display: none;
   text-align: center;
   font-size: 20px;
}

img.corr{
	outline: 4px solid red !important; 
	outline-offset: -4px;
	margin: 3px;
}

img.choosen.corr{
	outline: 4px solid green !important;
	outline-offset: -4px;
}

#res {text-align: center; display: none;}
.res_stat {text-align: center; padding: 20px 0px;font-size: 28px;}
.res_stat span {font-size: 50px; color: #333; font-weight: bold;}
#corrs {color: green;}
#res_navi {display: none;text-align: center; padding: 20px;}