/* ----- COSE EXTRA ----- */

:root {
    --primario-chiaro: #86b5c4;
    --primario-chiaro2: #6197ad;
    --primario-chiaro3: rgb(218, 242, 252);
    --primario-chiaro2A: rgba(97, 151, 173, 0.5);
    --primario-scuro: #4b6b80;
    --primario-scuro2: #2b6783;
    --primario-scuro2A: rgb(43, 103, 131, 0.7);
    --primario-scuro3: #29353c;
    --nero: #000;
    --grigio: #323232;
    --grigio2: #777;
    --grigio3: #242424;
    --bianco: #fff;
    --biancoA: hsla(0, 0%, 100%, 0.8);
    --bianco2: #f3f3f3;
    --bianco3: rgba(255, 255, 255, 0.5);
    --gradiente1: linear-gradient(rgba(9, 5, 54, 0.3), rgba(5, 4, 46, 0.7));
    --gradiente2: linear-gradient(rgba(4, 9, 30, 0.5), rgba(4, 9, 30, 0.7));
    --gradiente3: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
    --gradiente4: linear-gradient(rgba(32, 32, 32, 0.45));
    --gradiente5: linear-gradient(60deg, #29323c 0%, #485563 100%);
    --testo: hsl(220, 12%, 45%);
    --sfondo: hsl(220, 100%, 99%);
}

* {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
}

.intro {
    font-family: 'Imperial Script', sans-serif;
    font-weight: 100;
}

.btn-semplice {
    display: inline-block;
    text-decoration: none;
    color: var(--primario-scuro);
    border-radius: 999px;
    padding: 12px 25px;
    font-size: 13px;
    font-weight: 500;
    background: transparent;
    position: relative;
    cursor: pointer;
    transition: .25s;
}

.btn-semplice:hover {
    background: var(--primario-chiaro3);
    border-color: var(--primario-chiaro2);
    color: var(--primario-scuro2);
    transform: translateY(-5px);
}


html {
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

.no-selez {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.colora {
    color: var(--primario-chiaro2);
}

.container {
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.divisore {
    width: 100%;
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: .5px;
    opacity: .5;
}

.divisore2 {
    width: 75%;
    display: block;
    margin-top: 2.5em;
    margin-bottom: 4.2em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}

.svg-menu {
    height: 32px;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
}


.separatore {
    width: min(1180px, calc(100% - 40px));
    height: 1px;
    margin: 0 auto;
    border: 0;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(43, 103, 131, 0.12) 18%,
        rgba(43, 103, 131, 0.34) 50%,
        rgba(43, 103, 131, 0.12) 82%,
        transparent 100%
    );
}

.separatore-wrap {
    padding: 6px 0 2px;
}

@media (max-width: 768px) {
    .separatore {
        width: min(100% - 34px, 620px);
    }

    .separatore-wrap {
        padding: 8px 0;
    }
}

/* ----- FINE COSE EXTRA ----- */