body{
    background-image: url('/start/img/dried.png');
    font-family: Times New Roman, Arial, Trebuchet MS;
}
@media (max-width: 300px) { html {font-size:0.7rem;} }
@media (min-width: 300px) { html {font-size:0.9rem;} } 
@media (max-width: 500px) { html {font-size:0.9rem;} } 
@media (min-width: 500px) { html {font-size:1.1rem;} } 
.container{
    display: block;
    border: 0px solid red;
}
.zagolovok{
    text-align: center; margin-top: 30px; font-size: 2.2em; text-shadow:3px 3px 10px red,-3px -3px 10px yellow; color: #FFFFFF;
}
.tablica{
    max-width: 1200px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 15px;
    border-radius: 20px;
    background-color: #DFDFDF;
}
.submit {
	cursor: pointer;
	border: 1px solid #cecece;
	background: #f6f6f6;
	box-shadow: inset 0px 20px 20px #ffffff;
	border-radius: 8px;
	padding: 8px 10px;
    color: #333;
    font-size: 1.5em;
    text-decoration: none;
}
.submit:hover {	box-shadow: inset 0px -20px 20px #12B703; background-color: #A9FFB2;}
.submit:active { margin-top: 2px; margin-bottom: -2px; zoom: 1.01;}
.submit:focus{ outline:none;} 
.lineHr{
    margin: 10px 5px;
	padding: 0;
	height: 0;
	border: none;
	border-top: 2px dashed #828282;}
.shadow-blok{
    box-shadow:
   0 0 0 1px rgb(194, 192, 184) inset,
   0 5px 0 -4px rgb(255, 255, 255),
   0 5px 0 -3px rgb(194, 192, 184),
   0 11px 0 -8px rgb(255, 255, 255),
   0 11px 0 -7px rgb(194, 192, 184),
   0 17px 0 -12px rgb(255, 255, 255),
   0 17px 0 -11px rgb(194, 192, 184);
}
.notetitle {
    position: relative;/* Относительное позиционирование */
    border: 1px solid black; /* Параметры рамки */
    border-radius: 7px 7px 0 0;
    border-bottom: none; /* Убираем границу снизу */
    padding: 5px; /* Поля вокруг текста */
    display: inline; /* Устанавливаем как строчный элемент */
    background: #ffeebf; /* Цвет фона */
    font-weight: bold; /* Жирное начертание */
    font-size: 1.1rem; /* Размер шрифта */
    margin: 0; /* Убираем отступы */
    white-space: nowrap; /* Запрещены переносы текста */
   }
   .note {
    font-size: 1.1rem;
    text-align: center;
    width: 90%; /* Ширина */ 
    border: 1px solid #634f36; /* Параметры рамки */
    border-radius: 7px;
    background: #f3f0e9; /* Цвет фона */
    padding: 7px; /* Поля вокруг текста */
    margin: 3px 0 1em 0; /* Значение отступов */
   }