html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
margin:0;
padding:0;
border:0;
font-size:0;
font:inherit;
vertical-align:baseline;
border-radius:0;
}
body{
position:absolute;
top:1vw;
bottom:1vw;
left:1vw;
right:1vw;
font-family:sans-serif;
font-style:oblique;
border:none;
}
#header{
position:absolute;
top:0vw;
left:0vw;
width:87.4vw;
height:10vw;
border:0.1vw solid black;
border-radius:0.8vw;
background:rgba(210,230,255,0.2);
box-shadow:inset 0 0 1vw rgba(0,128,255,1);
font-weight: bold;
}
h1{	
position:absolute;	
border:none;	
left:2.5vw;
width:61vw;
top:1vw;
height:7.9vw;
background:rgba(255,255,255,0);
font-size:7vw;
}
h2{	
position:absolute;		
left:65vw;
width:16.4vw;
top:0.9vw;
height:4vw;
background:rgba(255,255,255,0);
font-size:4vw;
}
h3{	
position:absolute;		
left:65vw;
width:19.6vw;
top:5vw;
height:4vw;
background:rgba(255,255,255,0);
font-size:2.6vw;
}
#logo{
position:absolute;
top:0vw;
right:0vw;
width:10vw;
height:10vw;
border:0.1vw solid black;
border-radius:0.8vw;
background:rgba(210,230,255,0.2);
box-shadow:inset 0 0 1vw rgba(0,128,255,1);
}
#pic{
position:absolute;
top:1vw;
left:1vw;
width:8vw;
height:8vw;
}
#mainpage{
position:absolute;
border:0.1vw solid black;
border-radius:0.8vw;
left:0vw;
right:0vw;
top:10.4vw;
height:174vw;
background:rgba(210,230,255,0.2);
box-shadow:inset 0 0 1vw rgba(0,128,255,1);
font-size:4vw;
}
button{
height:6vw;	
width:28vw;
border:0.1vw solid black;
border-radius:0.8vw;
text-align:center;
font-style:oblique;
font-weight:bold;
font-size:3vw;
box-shadow:inset 0 0 1vw rgba(0,70,150,0.9);
}
button:active{
	transform: scale(0.9); 
    box-shadow: inset 0 0 0.5vw rgba(0,70,150,0.6); 
	transition: 0.4s;
	}


a{
text-decoration: none;
}
p{
position:absolute;		
left:2vw;
right:2vw;
border:none;
}
#output{
position:absolute;
left:3vw;
right:3vw;
top:3vw;
height:100vw;
border:0.1vw solid black;
border-radius:0.8vw;
box-shadow:0 0 1vw rgba(0,70,150,0.9);
background-color:white;
text-align:center;
font-style:oblique;
font-size:3.8vw;
}
#a1{
top:2vw;
}
#b2{
top:26.5vw;	
}
#c3{
top:52vw;
}
#d4{
top:74.5vw;
}
.my-btn-link {
    /* Превращаем ссылку в блочный элемент для работы размеров и центрирования */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none; /* Убираем стандартное подчеркивание ссылки */
    color: black;          /* Задайте нужный цвет текста (например, black) */
    /* Ваши исходные стили */
border:0.1vw solid black;
border-radius:0.8vw;
font-style:oblique;
font-weight:bold;
font-size:3vw;
box-shadow:inset 0 0 1vw rgba(0,70,150,0.9);
background:rgba(235,230,230,0.4);
/* Эта строка убирает стандартную синеву/подсветку при тапе на смартфонах */
-webkit-tap-highlight-color: transparent; 
}

.my-btn-link:active {
 /* Кнопка визуально уменьшается под пальцем на 4%, давая сочный тактильный отклик */
  /*    transform: scale(0.96); */
 /*     background-color: #0056b3;*/
 /*     box-shadow: inset 0 0 0.5vw rgba(0,70,150,0.6);*/
 /* Сдвигает кнопку на 0.2vw вниз, создавая эффект проседания */
 /*     transform: translateY(0.2vw); */
 /* Ослабляем внутреннюю тень, так как кнопка «утопла» */
 /*     box-shadow: inset 0 0 0.5vw rgba(0,70,150,0.6); */
	  
	  
    transform: scale(0.9); 
    box-shadow: inset 0 0 0.5vw rgba(0,70,150,0.6); 
	transition: 0.4s;
}




#words_full_list{
position:absolute;
top:43vw;
left:27vw;
width:38vw;
height:6vw;	
}
#donuts{
position:absolute;
left:27vw;
width:38vw;
height:6vw;	
top:64.5vw;
}
#to_add_page{
position:absolute;
left:27vw;
width:38vw;
height:6vw;	
top:87.5vw;
}
#input{
position:absolute;
left:3vw;
right:3vw;
top:110vw;
height:50vw;
border:none;
}
#div_nown_letters{
position:absolute;
left:0.2vw;
right:0vw;
top:0vw;
height:19.9vw;
overflow-y: auto;
border:none;
}
.divs_nown_letters{
display: inline-block;
width:7.95vw;
height:8.1vw;
margin:0.3vw;
border:1px solid black;
border-radius:0.8vw;
box-shadow:0 0 1vw rgba(0,70,150,0.9);
background-color:white;
}
.text_nown_letters{
left:1vw;
width:9vw;
height:9vw;
text-align:center;
font:italic sans-serif;
font-size:4vw;
background:rgba(255,255,255,0);
outline: none;
border:none;
text-align:center;
}
#text_question{
position:absolute;
left:0vw;
right:0vw;
top:25vw;
height:6vw;
border:0.1vw solid black;
border-radius:0.8vw;
box-shadow:0 0 1vw rgba(0,70,150,0.9);
background-color:white;
text-align:center;
}


#get_num_selected{
position:absolute;	
top:37vw;
left:8vw;
height:6vw;	
width:28vw;
border:0.1vw solid black;
border-radius:0.8vw;
text-align:center;
font-style:oblique;
font-weight:bold;
font-size:3vw;
box-shadow:inset 0 0 1vw rgba(0,70,150,0.9);
outline: none;
}
#get_num_selected:active{
	transform: scale(0.9); 
    box-shadow: inset 0 0 0.5vw rgba(0,70,150,0.6); 
	transition: 0.4s;
}
#find_button{
position:absolute;
right:8vw;
top:37vw;
}
#advanced_search{
position:absolute;
width:48vw;
height:6vw;
left:22vw;
top:48vw;
}
#answers_head{
position:absolute;
left:6vw;
right:6vw;
top:1vw;
height:5.5vw;
border-bottom:1vw double black ;
text-align:center;
font-size:4vw;
font-weight: bold;
}
#answers_win{
position:absolute;
left:4vw;
right:4vw;
top:10vw;
height:85.5vw;
font-size:4vw;
overflow-y: auto;
border:none;
}
td{
border-bottom:0.1vw solid black;
}
#nun{
width:10vw;	
}
#ans{
width:68vw;	
}
#qvests{
width:8vw;	
}
.buttons_result_answers{
position:inherit;
left:25%;
top:0%;
width:70%;
height:80%;
font:italic sans-serif;
font-size:100%;
border:none;
text-align: left;
color:blue;
background-color:rgba(0,0,0,0);
outline: none ;
}

#questions_head{
position:inherit;
left:7%;
top:5%;
width:86%;
height:7.5%;
font: bold italic sans-serif;
font-size:130%;
text-align: center;
border-bottom:3px double black ;
}
#questions_list{
position:inherit;
left:5%;
top:15%;
width:90%;
height:80%;
font:italic sans-serif;
font-size:110%;
overflow-y: auto;
border:none;
}
#nothing_found{
position:inherit;
left:5%;
top:35%;
width:90%;
height:35%;
border:none ;
font:italic sans-serif;
font-size:120%;
text-align: center;
}
#load_img{
position:absolute;
left:44%;
top:15%;
width:16%;
height:10%;
opacity: 0;
z-index: 1000;
}