html {
    height: 100%;
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    background: none;
    color: #fefefe;
    font-family: "Roboto";
}

.logo-text {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Anta";
    text-decoration: none;
}

main {
    display: flex;
}

.header-area {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.px-6 {
    padding-left: 20%;
    padding-right: 20%;
    transform: 1s;
}

@media screen and (max-width: 500px) {
    .px-6 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}