header {
    position:sticky;
    background:#fff;
    top:0;
    display:flex;
    width:100%;
    margin:auto;
    padding:15px 120px;
    justify-content:space-between;
    z-index:9999;
    box-shadow:0 5px 5px rgba(0,0,0,.2)
}
a {
    text-decoration:none;
    color:rgba(0,21,255,.9);
    transition:.2s
}
a:hover {
    color:#0015ff
}
img {
    user-select:none
}
header img {
    width:250px
}
.linkler {
    display:inline-flex;
    align-items:center;
    gap:10px
}
.giris-yap,.kurye-cagir-header {
    text-transform:capitalize;
    color:#fff;
    border:2px solid #3c7e5c;
    background-color:#3c7e5c;
    padding:5px 15px;
    border-radius:10px;
    box-shadow:0 0 15px rgba(0,0,0,.4);
    transition:.3s
}
.giris-yap {
    border:2px solid #0015ff;
    background-color:#0015ff;
    box-shadow:0 0 15px rgba(0,0,0,.35)
}
.dropbtn:hover,.giris-yap:hover,.kurye-cagir-header:hover {
    box-shadow:0 0 15px rgba(0,0,0,.7);
    color:#fff
}
.dropbtn,.dropdown {
    margin:auto;
    font-family:"Open-Sans",sans-serif
}
.dropdown {
    position:relative;
    display:inline-block;
    width:150px
}
.dropbtn {
    border:2px solid #0015ff;
    background-color:#0015ff;
    color:#fff;
    width:max-content;
    display:block;
    padding:5px 15px;
    text-transform:capitalize;
    box-shadow:0 0 15px rgba(0,0,0,.4);
    border-radius:10px;
    font-size:16px;
    transition:.3s;
    cursor:pointer;
}
.dropbtn svg {
    display:inline-block;
    margin-left:5px;
    width:auto;
    height:auto
}
.dropdown-content {
    display:none;
    margin-top:3px;
    position:absolute;
    background-color:#fff;
    width:150px;
    border-radius:10px;
    box-shadow:0 0 10px rgba(0,0,0,.3);
    z-index:1
}
.dropdown-content a {
    color:rgba(0,21,255,.8);
    padding:8px 0;
    text-decoration:none;
    display:block;
    font-size:15px;
    text-align:center;
    border-bottom:1px solid rgba(0,0,0,.1)
}
.dropdown-content a:last-child {
    border-bottom:none;
    border-radius:10px
}
.dropdown-content a:hover {
    background-color:#f3f3f3;
    color:rgba(0,21,255,.95)
}
.cookie-banner {
    position:sticky;
    top:0;
    left:0;
    display:block;
    width:100%;
    padding:10px 0;
    margin:auto;
    background-color:rgba(0,0,0,.8);
    color:#fff;
    z-index:1000;
    text-align:center
}
.cookie-banner p {
    text-align:left;
    font-size:15px;
    width:70%;
    margin:auto
}
.cookie-banner p a {
    text-decoration:underline;
    color:#fff
}
.cookie-banner button {
    background-color:rgb(0,21,255,.9);
    padding:8px 25px;
    margin-top:10px;
    font-size:15px;
    color:#fff;
    border:0;
    cursor:pointer;
    box-shadow:0 0 15px rgba(0,0,0,.4);
    border-radius:5px;
    transition:.3s
}
.cookie-banner button:hover {
    box-shadow:0 0 15px rgba(0,0,0,.6);
    background-color:rgb(0,21,255,.6)
}
@media screen and (max-width:1000px) {
    header {
        padding:15px 80px
    }
}
@media screen and (max-width:660px) {
    .cookie-banner p {
        text-align:left;
        font-size:13px;
        width:90%
    }
    .cookie-banner button {
        padding:5px 20px;
        font-size:12px
    }
    header {
        width:100%;
        display:block;
        margin:auto;
        padding:15px 0
    }
    header img {
        width:220px;
        display:block;
        margin:auto auto 10px
    }
    .linkler {
        display:block;
        text-align:center
    }
    .giris-yap,.kurye-cagir-header {
        display:inline-block;
        padding:5px 10px;
        font-size:14px
    }
    .kurye-cagir-header {
        margin-right:10px
    }
    .giris-yap {
        margin-left:10px;
    }
    .dropdown {
        width:130px
    }
    .dropbtn {
        width:max-content;
        font-size:14px;
        padding:5px 10px;
        margin-left:10px;
    }
    .dropdown-content {
        width:130px
    }
    .dropdown-content a {
        padding:6px 0;
        font-size:13px
    }
}