BODY {BACKGROUND-COLOR: #004080}
BODY {COLOR: #ffffff}
TD {COLOR: #ffffff}
TH {COLOR: #ffffff}
.style1 {FONT-SIZE: 10px; COLOR: #acc6f7; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.styleZ1{FONT-SIZE: 12px; COLOR: #acc6f7; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.styleX {FONT-SIZE: 12px; COLOR: #acc6f7; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.style2 {FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.style3 {FONT-WEIGHT: bold; FONT-SIZE: 20px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.style6 {FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.style7 {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #acc6f7}
.style8 {FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.style10 {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #acc6f7; FONT-STYLE: italic; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.style101 {FONT-SIZE: 11px; COLOR: #acc6f7; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.style102 {FONT-SIZE: 12px; COLOR: #acc6f7; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.style11 {COLOR: #acc6f7; FONT-STYLE: italic}
.style12 {FONT-WEIGHT: bold}
.style13 {FONT-WEIGHT: normal}
.style14 {FONT-WEIGHT: normal; COLOR: #ffffff}
.style15 {FONT-SIZE: 22px; FONT-WEIGHT: bold; COLOR: #fefee7}
.style16 {FONT-SIZE: 13px; COLOR: #fff5d9; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.style17 {FONT-WEIGHT: normal; COLOR: #fcd872; text-shadow: 1px 1px 2px black, 0 0 1em red;}
.style18 {FONT-WEIGHT: normal; COLOR: #f0f7ff; text-shadow: 1px 1px 2px black, 0 0 1em black;}
.style22 {FONT-SIZE: 14px; COLOR: #004080; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
A:link {COLOR: #ffffff; TEXT-DECORATION: none}
A:visited {COLOR: #ffffff; TEXT-DECORATION: none}
A:hover {COLOR: #acc6f7; TEXT-DECORATION: underline}
A:active {COLOR: #acc6f7; TEXT-DECORATION: none}
#left {text-align: left;}
#right {text-align: right;}
#center {text-align: center;}
table {
  table-layout: fixed;
  border-collapse: collapse;
}

video {
  width: 62%; /* 75 dlya 4:3 i 56.25 dlya 16:9 pravil`ney, no */
  height: auto;
  max-height: 100%;
}

.btn {
    border: 2px solid black;
    background-color: #f0f5ff;
    color: black;
    padding: 14px 28px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
}

/* Universal button */
.univ {
    border-color: #2196F3;
    color: dodgerblue;
}

.univ:hover {
    background-color: transparent;
    color: white;
}

/* Universal button 2*/
.univ2 {
    border-color: #297ec2;
    background-color: transparent;
    color: #297ec2;
}

.univ2:hover {
    background-color: #01203f;
    color: #bfe3ff;
}

.dropbtn {
    background-color: #3498DB;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #2980B9;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #e6f1ff;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: #00214d;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown a:hover {background-color: #cfe2fc;}

.show {display: block;}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #01203f;
    color: white;
    text-align: center;
}

.previous {
    background-color: #f0f5ff;   /* eto i .round poka ne zadeystvoval */
    color: black;
}

.next {
    background-color: #026fdb; /* bg next button */
    display: inline-block; /* 4tob ves' blok reagiroval */
    padding: 6px 8px;      /* razmer bloka */
    color: white;  	/* v nashem slu4ae odin fig white, no pust' budet */
}

.round {
    border-radius: 50%;
}

.parent {	/* добавил 14.06.25 https://htmlacademy.ru/blog/html/new-things-in-layout */
  display: grid;
  place-items: center;
  height: 100vh;
}

.button {	/* 15.06.25 https://html5css.ru/css/css3_buttons.php */
    background-color: #336699;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.div-border-inside {	/* 15.06.25 sky.pro/wiki/html/dobavlenie-granitsy-v-div-bez-uvelicheniya-razmerov-v-css/ */
  box-sizing: border-box;
  -webkit-box-sizing: border-box; /* Специально для Safari */
  -moz-box-sizing: border-box; /* Для пользователей Firefox */
  box-sizing: border-box;
  width: 360px;
  border: 1px solid white;
  padding: 10px;
}

.div-border-inside:hover {
  box-shadow: inset 0 0 0 5px #2980B9;
  transition: box-shadow 0.3s ease;
}