#form {
    width: 486px;
    height: 567px;
    background: #FFFACD;
    border: 1px solid black;
    display: none;
    position: relative;
    top: -282px;
    margin-left: auto;
    margin-right: auto;
}

#cards {
    width: 476px;
    height: 270px;
/*    border: 1px solid black; */
    display: block;
    position: relative;
    left: 7px;
    top: 8px;
}

#img_cards {
    width: 474px;
    height: 268px;
/*    border: 1px solid green; */
    display: block;
}

#banner {
    width: 468px;
    height: 60px;
    border: 1px solid black;
    display: block;
    position: relative;
    left: 8px;
    top: 14px;
}

#timer_sec {
    width: 150px;
    height: 150px;
    display: block;
    position: relative;
    left: 8px;
    top: 17px;
    border: 1px solid #FFFACD;
}

#circle_bar {
    display: block;
    position: absolute;
    background-image: url(../img/timer_bar_0.png);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#box {
    width: 144px;
    height: 144px;
    display: block;
    position: relative;
    left: 167px;
    top: -135px;
    border: 4px solid black;
    border-radius: 20px;
}

#img_box {
    width: 144px;
    height: 144px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

#img_box img {
    width: 144px;
    height: 144px;
    border-radius: 14px;
}

#dynamic {
    width: 150px;
    height: 150px;
    display: block;
    position: relative;
    left: 326px;
    top: -286px;
}

#sound_bar {
    display: block;
    position: absolute;
    background-image: url(../img/sound_0.png);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#button_keyboard {
    width: 54px;
    height: 54px;
	background: white;
	border: 1px solid black;
    display: block;
    position: relative;
	left: 8px;
	top: -282px;
}

#word {
    width: 342px;
    height: 50px;
    color: black;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    border: 2px solid black;
    display: block;
    position: relative;
    left: 70px;
    top: -338px;
}

#button_sound {
    width: 54px;
    height: 54px;
	border: 1px solid black;
    display: block;
    position: relative;
	left: 422px;
	top: -394px;
}

#english_word {
    width: 468px;
    height: 28px;
    border: 1px solid black;
    border-radius: 8px;
    font: 20px Century;
    font-weight: bold;
    letter-spacing: 5px;
    text-align: center;
    display: none;
    position: relative;
    left: 8px;
    top: -388px;
}

#interval {
    width: 468px;
    height: 7px;
    background: #FFFACD;
    position: relative;
    top: -276px;
    left: 8px;
    display: none;
}

#keyboard {
    width: 468px;
    height: 185px;
    background-image: url(../img/keyboard.png);
    display: none;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: -388px;
}

#key_q_81, #key_w_87, #key_e_69, #key_r_82, #key_t_84,
#key_y_89, #key_u_85, #key_i_73, #key_o_79, #key_p_80,
#key_a_65, #key_s_83, #key_d_68, #key_f_70, #key_g_71,
#key_h_72, #key_j_74, #key_k_75, #key_l_76,
#key_z_90, #key_x_88, #key_c_67, #key_v_86, #key_b_66,
#key_n_78, #key_m_77 {
    width: 26px;
    height: 34px;
    background: green;
    border: 1px;
    border-style: solid;
    border-color: white;
    border-radius: 2px;
    position: relative;
    display: block;
    opacity: 0;
}

#key_q_81 {top: 37px; left: 43px;}
#key_w_87 {top: 1px; left: 73px;}
#key_e_69 {top: -35px; left: 103px;}
#key_r_82 {top: -71px; left: 133px;}
#key_t_84 {top: -107px; left: 163px;}
#key_y_89 {top: -143px; left: 193px;}
#key_u_85 {top: -179px; left: 223px;}
#key_i_73 {top: -215px; left: 253px;}
#key_o_79 {top: -251px; left: 283px;}
#key_p_80 {top: -287px; left: 313px;}

#key_a_65 {top: -285px; left: 58px;}
#key_s_83 {top: -321px; left: 88px;}
#key_d_68 {top: -357px; left: 118px;}
#key_f_70 {top: -393px; left: 148px;}
#key_g_71 {top: -429px; left: 178px;}
#key_h_72 {top: -465px; left: 208px;}
#key_j_74 {top: -501px; left: 238px;}
#key_k_75 {top: -537px; left: 268px;}
#key_l_76 {top: -573px; left: 298px;}

#key_z_90 {top: -571px; left: 74px;}
#key_x_88 {top: -607px; left: 104px;}
#key_c_67 {top: -643px; left: 134px;}
#key_v_86 {top: -679px; left: 164px;}
#key_b_66 {top: -715px; left: 194px;}
#key_n_78 {top: -751px; left: 224px;}
#key_m_77 {top: -787px; left: 254px;}

#green_red {
    width: 481px;
    display: none;
	font-weight: bold;
	color: red;
    border: 1px solid black;
    position: relative;
    text-align: center;
    left: 1px;
    top: -682px;
}

.font_name_key {
    color: white;
    font: 23px Century;
    text-align: center;
}

.size_img img {
    width: 62px;
    height: 62px;
    border: 1px solid black;
    border-radius: 10px;
    cursor: pointer;
}

.size_onmouse img {
    width: 58px;
    height: 58px;
    border: 3px solid black;
    border-radius: 8px;
    cursor: pointer;
}

.button_keyboard_img img {
    width: 54px;
    height: 54px;
	cursor: pointer;
}

.button_keyboard_onmouse img {
    width: 50px;
    height: 50px;
	border: 2px solid #BDBDBD;
	cursor: pointer;
}

.button_sound_img img {
    width: 54px;
    height: 54px;
	cursor: pointer;
}

.button_sound_onmouse img {
    width: 50px;
    height: 50px;
	border: 2px solid #BDBDBD;
	cursor: pointer;
}

.no_image img {
    cursor: default;
}

.category_name img {
    width: 198px;
    height: 62px;
    border: 1px solid black;
    border-radius: 10px;
    cursor: pointer;
}

.category_onmouse img {
    width: 194px;
    height: 58px;
    border: 3px solid black;
    border-radius: 8px;
    cursor: pointer;
}