@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css');

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    src: url('Roboto/Roboto-VariableFont_wdth,wght.ttf');
}

:root {
    --pieuvres-color: #3e9dc0;
    --pieuvres-color-light: #6ebbd4;
}

*, *::before, *::after {
    box-sizing: inherit;
}

body {
    /* font-family: 'Roboto', Arial, Helvetica, sans-serif !important; */
    margin: 0;
    /* background-color: var(--bg-); */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    user-select: none;
    
}

#main-container{
    margin-top: 3rem;
    margin-bottom: 3rem;

}

a.not-disabled:hover {
    color: var(--pieuvres-color-light) !important;
}

a.disabled{
    cursor: pointer;
}

.bg-pieuvres {
    background-color: var(--pieuvres-color);
    color: white;
}

.text-pieuvres {
    color: var(--pieuvres-color);
}