CSS kodi:


*{margin: 0; padding: 0;}
body
{
background-color: black;
}
#sayt
{
width: 1200px;
height: 800px;
margin: 10px auto;
background-color: #282020;
}
.header
{
font-size: 50px;
text-align: center;
font-family: Monotype Corsiva;
line-height: 70px;
width: 1200px;
height: 70px;
color: #c7c7c7;
}
.menu
{
text-align: center;
float: left;
width: 150px;
height: 729px;
font-size: 30px;
}
.menu ul li
{
margin-top: 30px;
display: block;
line-height: 70px;
text-align: center;
}
.menu ul li a
{
text-decoration-line: none;
}
.menu ul li a:hover
{
border-left: 4px solid #f933a7;
}
.menu ul li ul
{
list-style: none;
background: #211c22;
opacity: 0.4;
width: 970px;
height: 729px;
position: absolute;
display: none;
left: 300px;
top: 70px;
}
.menu ul li:hover ul
{
display: block;
}
.menu ul li:first-child ul
{
background-image: url(img/1.png);
opacity: 0.5;
}
.menu ul li:nth-child(2) ul
{
background-image: url(img/2.png);
opacity: 0.5;
}
.menu ul li:nth-child(3) ul
{
background-image: url(img/3.png);
opacity: 0.5;
}
.menu ul li:nth-child(4) ul
{
background-image: url(img/about_me.jpg);
opacity: 0.5;
}
.matn
{
line-height: 30px;
position: absolute;
right: 0px;
background-color: #211c22;
opacity: 0.5;
color: white;
width: 800px;
top: 340px;
font-size: 14px;
text-align: justify;
}