<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>RustKampı</title>
<style>
*{
margin: 0px;
padding: 0px;
}
.menualan{
background: black;
list-style-type: none;
float: right;
line-height: 40px
}
.menualan li{
display: inline-block;
margin-right: 50px;
padding-top:
}
.menualan a{
color: white;
text-decoration: none;
display: inline-block;
padding-left: 10px;
padding-right: 10px;
padding-top: 50px
padding-bottom: 0px;
font-family: monospace;
font-weight: bold;
font-size: 20px
}
.satınal{
background-color: red;
height: 40px
}
img{
padding-top: 15px;
position: absolute;
padding-left: 100px;
width:50px
transform: translate3d(1)
}
img:hover{
width:60px;
transform: translate3d(1.2)
}
video{
width: 1917px;
position: relative;
z-index: -1;
}
</style>
</head>
<body>
<div class="logo">
<img src="https://files.facepunch.com/lewis/1b2911b1/rust-marque.svg" alt="rustlogosu">
</div>
<ul class="menualan">
<li><a href="#">ANASAYFA</a></li>
<li><a href="#">ANASAYFA</a></li>
<li><a href="#">ANASAYFA</a></li>
<li><a href="#">ANASAYFA</a></li>
<li class="satınal"><a href="#">SATIN AL</a></li>
</ul>
<div id="banner">
<video src="workcart.mp4"autoplay muted playsinline
</video>
</div>
</body>
</html>