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

a {
    text-decoration: none;
    color: #FFFFFF;
}

ul {
    list-style: none;
}

.container {
    max-width: 1109px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}

.nav_top {
    background: #0C0C0C;
    padding: 18px 0;
}

.nav_up {
    display: flex;
    justify-content: space-between;

    a {
        color: white;
    }

    .navtop {
        display: flex;
        gap: 20px;


    }
}

nav {
    background: #0C0C0C;
    border: 1px solid #7D737380;

    .nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 6px;

        .nav_list {
            display: flex;
            gap: 28px;
            align-items: center;

            a {
                transition: 0.5s;
            }

            a:hover {
                background: #69CF17BF;
                padding: 22px 14px;
            }
        }
    }
}