.comment {
background-color: white;
padding: 20px;
border-radius: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.author {
margin-top: 0px;
margin-bottom: 10px;
}
.date {
color: silver;
margin-top: 0px;
margin-bottom: 10px;
}
#sub-comment {
margin-left: 40px;
}

header, footer {
  background-color: #468687;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 5px;
   margin-top: 5px;
}

main {
  padding: 10px;
  background-color: #78afb0;
  border-radius: 10px;
  
}

.post {
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 20px;
  display: flex;
}

.post img {
  margin: 20px;
}

.footer-columns {
  display: flex;
 
}

.footer-column {
  flex: 50%;
  margin: 20px;
}

#menu1{
position: relative;
display: block;
width: 100%;
height: auto;
z-index: 10;
}
#menu1 ul{
position: relative;
display: block;
margin: 0px;
padding: 0px;
width: 100%;
height: auto;
list-style: none;
}
#menu1 > ul::after{
display: block;
width: 100%;
height: 0px;
clear: both;
content: " ";
}
#menu1 ul li{
position: relative;
display: block;
 float: left;
width: auto;
height: auto;
}
#menu1 ul li a{
display: block;
padding: 9px 25px 0px 25px;
font-size: 14px;
line-height: 1.3em;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
height: 36px;
box-sizing: border-box;
color: black;
}
#menu1 ul li ul{
position: absolute;
top: 36px;
left: 0px;
display: none;
width: 200px;
background: #38b6ff;
}
#menu1 ul li:hover ul{
display: block;
}
#menu1 ul li ul li{
float: none;
width: 100%;
}

#menu1 ul li ul li a{
display: block;
text-transform: none;
height: auto;
padding: 7px 25px;
width: 100%;
box-sizing: border-box;
border-top: 1px solid #ffffff;
color: white;
}

#menu1 ul li ul li:first-child a{
border-top: 0px;
}15:51 21.03.2026