html {
    scroll-behavior: smooth;
    max-width: 100vw;
    overflow-x: hidden;
}

a, p, h1, h2, h3, h4, h5 {
    font-family: var(--ff-primary);
    text-decoration: none;
}

p {
    line-height: normal;
}

span::selection,
a::selection,
p::selection,
h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection{
    background-color: var(--clr-primary-400-50);
    color: var(--clr-dark-800);
}

.container {
    margin: auto;
    max-width: 1440px;
    padding-inline: 10px;
    display: flex;
    flex-direction: column;
}

.row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.column {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

@media only screen and (max-width: 630px) {
    html {
        font-size: 14px;
    }
}