body{
margin:0;
background-image:url("img/head.jpg");
background-size:cover;
}
a{
 color:#22164b;
}
a:hover{
 color:blue;
}
div.menu{
margin-left:15px;
}
h2.site_title{
 text-align:center;
color:#f6f45e;
text-shadow:1px 1px 10px #2b0a42;
font-size:30px;
}
h3{
color:brown;
}
img.logo{
 position:absolute;
 top:10px;
 left:10px;
mix-blend-mode: multiply;
z-index: 9999;
}
div.head_credit{
text-align:right;
margin-right:10px;
color:yellow;
text-shadow:1px 1px 5px #000;
 margin-bottom: 10px;
}
}
{
    box-sizing: border-box;
}

/* Стиль верхней панели навигации */
.topnav {
    overflow: hidden;
    background-color: #8687cc;;


 
}

/* Стиль верхних навигационных ссылок */
.topnav a {
    float: left;
    display: block;
    padding: 5px 5px;
    text-decoration: none;
  color:yellow;
  font-weight: bolder;
 }

/* Изменение цвета при наведении */
.topnav a:hover {
    background-color: yellow;
    color: #8687cc;
}



/* стиль для ссылок */
.tlink {
   
    text-align: left;
    font-size: 40px;
    font-family: times;
    color: #006400;
   
}

/* На экранах, которые 600px шириной или меньше, сделать ссылки меню стек поверх друг друга, а не рядом друг с другом */
@media screen and (max-width: 600px) {
  .topnav a {
    float: none;
    width: 100%;
  }
}






/*Подвал*/
footer {
   
  position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 1px; /* Поля вокруг текста */
    background: #8687cc; /* Цвет фона */
    color: yellow; /* Цвет текста */
    width: 100%; /* Ширина слоя */
    text-align: center;
} 


/*Відступ між уроками на сторінці*/
.x1 {
  margin-top: 30px;
}

.x2 {
    margin-top: 220px;
}


  
/*Пропорційна зміна розмірів фото
https://webknowledge.ru/proporcionalnoe-mashtabirovaniye-izobrazheniy-s-atributami-razmernostei/*/
img {
  width:auto; max-width:100%; height:auto;
}

/*Пропорційна зміна розмірів pdf*/
embed {
  width:auto; max-width:100%; height:auto;
}