@font-face {
    /*font-family: 'Archia';*/
    /*src: url(../fonts/archia-regular/archia-regular-webfont.woff);*/
    /*font-weight: bold;*/
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
            "wdth" 100;
}

/* Color Scheme */

:root {
    --primary: #2f6a4f;
    --primary-light: #3d625ab3;
    --secondary: #d1d117;
    --white: #ffffff;
    --border: #C15BFF;
}
.variante-1 {
    --primary: #2f6a4f;
    --secondary: #d1d117;
    --border: #C15BFF;
}

.variante-2 {
    --primary: #24E0FE;
    --secondary: #382C66;
    --border: #C15BFF;
}

/* Color classes to be used in all elements */

.text-primary {
    color: var(--primary) !important;
}
.text-secondary {
    color: var(--secondary) !important;
}
.bg-primary {
    background-color: var(--primary) !important;
}
.bg-secondary {
    background-color: var(--secondary) !important;
}
.text-white{
    color: var(--white) !important;
}

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    /*font-family: Arial, sans-serif;*/
}
.btn-custom{
    border: 1px solid var(--secondary) !important;
    color: var(--secondary) !important;
    background-color: var(--primary-light)!important;
}