.simple-linear {
  background: linear-gradient( #ffffff, #f8f9fa);
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  margin: 5px;
  margin-left: 15px;
  margin-right:15px;
}

.div-green {
  
  background: linear-gradient( #ffffff, #f5fffa);	
  padding-top: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  margin: 5px;
  margin-left: 15px;
  margin-right:15px;
  border-color: #a3bfb1;
  border: 1px solid;
}

.div-greendark {
  background: #cef2e0;
  padding-left: 5px;
  margin: 5px;
  border-color: #a3bfb1;
  border: 1px solid;
}

.div-violet {
  
  background: linear-gradient( #ffffff, #f5faff);		
  padding-top: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  margin: 5px;
  margin-left: 15px;
  margin-right:15px;
  border-color: #a3bfb1;
  border: 1px solid;
}

.div-violetdark {
  background: #cedff2;
  padding-left: 5px;
  margin: 5px;
  border-color: #a3b0bf;
  border: 1px solid;
}

.div-pink {
  
  background: linear-gradient( #ffffff, #fff5fa);		
  padding-top: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  margin: 5px;
  margin-left: 15px;
  margin-right:15px;
  border-color: #bfa3af;
  border: 1px solid;
}

.div-pinkdark {
  background: #f2cedd;
  padding-left: 5px;
  margin: 5px;
  border-color: #bfa3af;
  border: 1px solid;
}

.div-image {
  
  background: linear-gradient( #ffffff, #faf5ff);		
  padding-top: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  margin: 5px;
  margin-left: 15px;
  margin-right:15px;
  border-color: #afa3bf;
  border: 1px solid;
}

.div-imagedark {
  background: #ddcef2;
  padding-left: 5px;
  margin: 5px;
  border-color: #afa3bf;
  border: 1px solid;
}


body {
  background-color: #0d1a27;
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
}

a {
  color: #3366cc;
  text-decoration: none;
}

a:hover {
	border-bottom: 2px solid;
  background: #cdfeaa;
}

p {
	line-height: 0.8 em;
	color: black;
}

pbold
{
font-weight: 900;
} 

.pjust {

text-align: justify;

}

.center {
  text-align: center;
}

.container
{
	display: flex;
}

.image-container {
  position: relative;
  display: inline-block;
}

.image-container img {
  display: block;
}

.caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.6);
  color: white;
  padding: 5px;
  text-align: center;
}

.hlist {
	display: flex;
	gap: 20px; /* відстань між елементами */
	justify-content: center;
	list-style: none;
	padding: 0;
	font-weight: bold; /* жирний текст */
}