*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    font-family: Verdana, Geneva, Tahoma, sans-serif
}

.header {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px; /* Logo ile menü arasındaki boşluk */
    padding: 20px 8%;
    background: #1f2937;
}

.logo a{
text-decoration: none;
color: #fff;
font-size: 28px;
font-weight: bold;
margin-left: 50px; 

}

.logo img{
    height: 50px;           
    width: 50px;            
    border-radius: 50%;     
    object-fit: cover;      
    border: 2px solid #fff;
}

.menu ul{
display: flex;
list-style: none;
gap: 15px;
}

.menu ul li a{
text-decoration: none;
color: #fff;
font-size: 18px;
font-weight: 500;
transition: 0.3s;
}

.menu ul li a:hover{
color: aqua;

}

.btn-header{
padding:  8px 20px;
background-color:rgb(11, 167, 167) ;
color: #fff;
border-radius: 6px;
text-decoration: none;
font-size: 18px;
font-weight: 500;
}

.btn-header a{
text-decoration: none;
color: #fff;
transition: 0.5s;
}

.btn-header:hover{
background-color: #fff;
}

.btn-header:hover a{
color:aqua;

}