@charset "UTF-8";

* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

header{
    display: flex;
    gap: 750px;
    position: -webkit-sticky;
    position: sticky;
    top:0%;
    background-color: black;
}

body{
    background-color: black;
    color: white;
    font-family: serif;
}

.nav-list{
    display: flex;
    justify-content: center;

    gap: 32px;
    list-style: none;
}

.first-view{
    text-align: center;
}

a{
    color: red;
    font-family:serif;
    text-decoration: none;
}

@media screen and (max-width: 767px){

    header{
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding-bottom: 10px;
    }
}