body {

  background-image: url(/assets/images/background.png);
  background-repeat: repeat;
  background-size: cover;
  margin: 0;

}

.container {
  display: grid;
  gap: 20px;

}

.block {
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 80%;
  margin: 0 auto; 
  display: flex; 
  flex-direction: column; 
  border: 1px solid #ccc;
  border-radius: 5px;
}

.block-header {
  padding: 10px;
  cursor: pointer;
  background-color: #b3ffcc;
  text-align: center;
}

.block-content {
  background-color: #80ced6;
  padding: 10px;
  overflow: hidden;
  height: 0;
  transition: opacity 0.3s ease-out; 
  opacity: 0;

}

/*.block-header1 {
  padding: 10px;
  cursor: pointer;
  background-color: #ff00ff;
  width: 80%;
  margin: 0 auto; 
  text-align: center;
}

.block-content1 {
  background-color: #ff00ff;
  padding: 10px;
  overflow: hidden;
  height: 0;
  transition: opacity 0.5s ease-out; 
  opacity: 0;
  width: 80%;
  margin: 0 auto; 
}*/

.title {
    text-align: center;
}

.avatar {
  width: 20%;
}

.block-content img {
  width: 40%;
  margin: 10px 10px;
}

.block-content video {
  width: 60%;
  margin: 10px 0;
}

.link {
  text-decoration: none;
}

#dipl img {
  width: 20%;
}

#ker img {
  width: 30%;
}


/* Стили для навбара */
.navbar {
  background-color: #333;
  overflow: hidden;
}

.navbar a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 14px 20px;
  text-decoration: none;
}

.navbar a:hover {
  background-color: #ddd;
  color: black;
}

/* Стили для выпадающих меню */
.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 16px; 
  border: none;
  outline: none;
  color: white;
  padding: 14px 20px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  cursor: pointer;
}

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

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

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

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #ddd;
  color: black;
}

        .footer {
            background-color: #92a8d1;
            color: white;
            padding: 20px 0;
            text-align: center;
        }

        .footer .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .footer .container div {
            margin: 10px 0;
        }

        .footer .rights {
            font-size: 14px;
        }

        .footer .contacts {
            font-size: 14px;
        }

        .footer .contacts a {
            margin: 0 5px;
        }

        .footer .contacts a:hover {
            text-decoration: underline;
        }

        .footer .socials {
            font-size: 14px;
        }

        .footer .socials a {
            margin: 0 10px;
        }

        .footer .socials a:hover {
            color: #ccc;
        }

        @media (max-width: 768px) {
            .footer .container {
                flex-direction: column;
                text-align: center;
            }
        }