:root {
    --main-bg: #f6f7f9;
    --bg-1: #010717;
    --bg-2: rgba(1, 7, 23, 0.70);
;
}
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
body {
    background: var(--main-bg);
}
.wrapper {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}
header {
    .top {
        padding: 6px 0;
        background: var(--bg-1);
        .wrapper {
            padding-left: 108px;
            position: relative;
            .logo {
                position: absolute;
                left: 0;
                top: 0;
                width: 88px;
            }
        }
    }
    .bottom {
        padding: 6px 0;
        background: var(--bg-2);
        .wrapper {
            padding-left: 108px;
        }
    }
}