/* GENERAL */
html, body { margin: 0; padding: 0; }
html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

.section__btn {
    transition: background-color 0.35s ease, color 0.35s ease, transform 0.35s ease, border-color 0.35s ease;
}

.section__btn:hover {
    transform: translatey(-0.25vw);
}

/* Firefox */
html {
    scrollbar-width: thin;
    scrollbar-color: var(--primary) var(--background-primary);
}

/* Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--background-primary);
}

::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 999px;

    border: 2px solid var(--background-primary);
    background-clip: padding-box;

    transition: background 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--secondary);
}

/* DECORATIONS */

/* Classe per linee a destra e sinistra di un testo eyebrown*/
.text__lines::before, .text__lines::after {
  content: "";
  width: 3vw;
  height: 0.1vw;
  background: #fff;
}