@import 'fonts.css';

/*****************************/
/*   Settings                */
/*****************************/

:root {
    /* Common colors */
    --color-white: #FFF;
    --color-primary: #3EC8EC;
    --color-black: #383838;
    --color-grey-medium: #737075;

    /* Font families */
    --font-primary: 'Blinker', sans-serif;
    --font-secondary: 'Open Sans', sans-serif;

    /* Font weights */
    --font-regular: 400;
    --font-bold: 600;

    /* Font sizes */
    --fs-16: 1rem;
    --fs-18: 1.125rem;
    --fs-20: 1.25rem;
    --fs-22: 1.375rem;
    --fs-24: 1.5rem;
    --fs-28: 1.75rem;


    /* Line heights */
    --line-height: 1.2;

    /* Root settings */
    font-size: 16px; /* Normalizes 1rem = 16px */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



/*****************************/
/*   Generic                 */
/*****************************/

body {
    background: var(--color-white);
    font-family: var(--font-secondary);
    font-size: 100%;
    color: var(--color-black);
    line-height: var(--line-height);
}

footer {
    color: var(--color-grey-medium);
    font-weight: var(--font-bold);
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

a {
    font-weight: var(--font-bold);
}

strong, a {
    line-height: 2;
}



/*****************************/
/*   Components              */
/*****************************/

.c-page-mant {
    padding-top: 2rem;
    padding-bottom: 1rem;
    font-size: var(--fs-18);
}

.c-icon {
    width: 3.5rem;
    height: 3.5rem;
    display: block;
    margin: 0 auto;
    /* transform: translateX(15%); /* Visual correction */
}

.c-logo {
    display: block;
    margin: 1.5rem auto;
}

.c-main-msg {
    font-family: var(--font-primary);
    font-weight: var(--font-bold);
    font-size: var(--fs-28); 
    color: var(--color-black);
    text-align: center;
    margin-bottom: 4rem;
}

.c-page-mant .c-page-mant__content {
    text-align: center;
}

.c-page-mant .c-page-mant__content p{
    text-align: center;
}

.c-page-mant .c-page-mant__content .c-page-mant__content-rrss {
   list-style-type: none;
   padding: 0;
   display: flex;
   justify-content: center;
}

.c-page-mant .c-page-mant__content .c-page-mant__content-rrss li {
    margin: 0 .85rem;
}

.c-page-mant .c-page-mant__content .c-page-mant__content-rrss a {
    filter: brightness(100%);
    transition: filter .333s ease-out;
}

.c-page-mant .c-page-mant__content .c-page-mant__content-rrss a:hover {
    filter: brightness(200%);
    transition: filter .111s ease-in;
}

.c-page-mant .c-page-mant__content .c-page-mant__content-rrss li img {
    width: 43px;
    height: 43px;
}


.c-qr {
    /*width: 10rem; */
    /*height: 10rem; */
    margin: 1rem auto;
}

.c-qr img {
    display: inline !important;
}



/*****************************/
/*   Utilities               */
/*****************************/