header {
    position: fixed;

    display: flex;
    justify-content: space-between;
    align-items: center;

    background-color: #000000cb;
    backdrop-filter: blur(10px);

    width: 100%;
    height:80px;

    padding: 0 10%;

    z-index: 99;
}

header h1 {
    font-size: 4rem;
    color: #fff;
    text-align: center;
}

nav ul {
    display: flex;
    list-style: none;
}

nav ul li {
    margin: 0 42px;
}

nav ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 2rem;
}

@media (max-width: 825px) {
    nav {
        display: none;
    }
}