@font-face {
    font-family: font-light-18;
    src: url(../../assets/fonts/Nunito-Regular.ttf)
}

:root {
    --color-white: #fff
}

body {
    background: #eee;
    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out;
    font-family: font-light-18
}

a {
    color: #0c91ff !important
}

.container-btn-theme {
    text-align: center
}

#btn-theme {
    width: 100%;
    padding: .3rem .1rem;
    cursor: pointer;
    font-family: 'font-light-18';
    background: #0c91ff;
    border: none;
    border-radius: 4px;
    color: var(--color-white);
    opacity: .8;
    transition: all 0.30s ease-out
}

#btn-theme:hover {
    opacity: 1;
    box-shadow: 0 4px 7px -4px #262626
}

.title {
    text-align: center;
    font-size: 2.3rem
}

.border-cgu {
    border-bottom: 1px solid #8b8b8baa;
    width: 100%;
    display: block;
    text-align: center;
    margin: .6rem 0 3.6rem 0
}

.dark-theme {
    background: #1d1d1d !important;
    color: var(--color-white)
}

body.dark-theme h1,
body.dark-theme h2,
body.dark-theme h3,
body.dark-theme h4,
body.dark-theme h5 {
    color: var(--color-white)
}

a {
    color: #0c91ff !important
}

.container {
    margin: .3rem 2rem
}

.fs-6 {
    font-size: 12px
}

.text-decoration-underline {
    text-decoration: underline;
    text-decoration-thickness: 1.6px;
    text-decoration-color: #005194de;
    text-underline-offset: 2px
}

@media screen and (max-width:480px) {
    .container {
        margin: 0
    }
}