/* HEAD STYLE */


/* Colore Palette Style */

    .colore-azzurro {
        color: #1480c4;
    }
    .colore-azzurro75 {
        color: rgba(20, 128, 196, 0.75);
    }
    .colore-azzurro50 {
        color: rgba(20, 128, 196, 0.5);
    }
    .colore-azzurro25 {
        color: rgba(20, 128, 196, 0.25);
    }

    .colore-blu {
        color: #192c38;
    }
    .colore-blu75 {
        color: rgba(25, 44, 56, 0.75);
    }
    .colore-blu50 {
        color: rgba(25, 44, 56, 0.5);
    }
    .colore-blu25 {
        color: rgba(25, 44, 56, 0.25);
    }

    .colore-arancione {
    color: #f39200;
    }
    .colore-arancione75 {
        color:  rgba(243, 146, 0, 0.75);
    }
    .colore-arancione50 {
        color: rgba(243, 146, 0, 0.5);
    }
    .colore-arancione25 {
        color: rgba(243, 146, 0, 0.25);
    }

    .colore-verde {
        color: #aada2f;
    }
    .colore-verde75 {
        color: rgba(170, 218, 47, 0.75);
    }
    .colore-verde50 {
        color: rgba(170, 218, 47, 0.5);
    }
    .colore-verde25 {
        color: rgba(170, 218, 47, 0.25);
    }
    .colore-bianco {
    color: #e6efec;
    }
    .colore-bianco75 {
        color:  rgba(230, 239, 236, 0.75);
    }
    .colore-bianco50 {
        color: rgba(230, 239, 236, 0.5);
    }
    .colore-bianco25 {
        color: rgba(230, 239, 236, 0.25);
    }

    /* CSS HEX
    --mint-cream: #e6efec;
    --yellow-green: #aada2f;
    --carrot-orange: #f39200;
    --star-command-blue: #1480c4;
    --gunmetal: #192c38;

    CSS HSL
    --mint-cream: hsla(160, 22%, 92%, 1);
    --yellow-green: hsla(77, 70%, 52%, 1);
    --carrot-orange: hsla(36, 100%, 48%, 1);
    --star-command-blue: hsla(203, 81%, 42%, 1);
    --gunmetal: hsla(203, 38%, 16%, 1);

    SCSS RGB
    $mint-cream: rgba(230, 239, 236, 1);
    $yellow-green: rgba(170, 218, 47, 1);
    $carrot-orange: rgba(243, 146, 0, 1);
    $star-command-blue: rgba(20, 128, 196, 1);
    $gunmetal: rgba(25, 44, 56, 1);
    */

/* Fonts */

    html, body, p {
        font-family: 'Montserrat', sans-serif;
        overflow-x: hidden;
        color: #192c38;
    }
    h1, h2, h3, h4, h5, h6 {
        font-family: 'Titillium Web', sans-serif;
        font-weight: bold;
        font-style: normal;
    }
    hr {
        border-top: ;
    }

/* Stile Sito */

    body {
        background-color: #e6efec;
        background-image: linear-gradient(45deg, rgba(170, 218, 47, 0.6) 0%, #1480c4 100%);
        background-attachment: fixed;
        line-height: 30px;
        opacity: 0.9;
        position: relative;
        min-height: 100vh;
    }

    p {
        text-align: justify;
        color: #1f1f1f;

    }
    h1 {
        text-align: center;
        margin-top: 5rem;
        margin-bottom: 2rem;
        color: #f39200;
    }
    h2 {
        margin-bottom: 1rem;
    }
    a {
        color: #1480c4;
    }
    a:hover {
        text-decoration: none;
    }
    .my-12 {
        margin-top:10rem !important;
        margin-bottom: 10rem !important;
    }
    .btn-outline-info {
    color:  #1480c4;
    border-color:  #1480c4;
    }
    .btn-outline-info:hover {
    color: #e6efec;
    background-color: #1480c4;
    border-color: #1480c4;
    }