.footer {
    margin-bottom: 20px;
}

.footer__title {
    font-size: var(--size-base);
    font-weight: 400;
    color: var(--clr-slate600);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    user-select: none;
}

/* extra small viewport */
/* @media (min-width: 475px) {} */

/* small viewport */
/* @media (min-width: 640px) {} */

/* medium viewport */
/* @media (min-width: 768px) {} */

/* large viewport */
/* @media (min-width: 1024px) {} */

/* extra large viewport */
/* @media (min-width: 1280px) {} */

/* 2 extra large viewport  */
/* @media (min-width: 1536px) {} */