@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

/* Palette de couleurs Nsigma */
:root {
    --black: #000000;
    --green1: #006633;
    --green2: #0a983a;
    --green3: #4eb164;
    --white: #f0f1f2;
    --pink: #e6196c;
    --yellow: #f4bc22;
}

#logo {
    height: 100%;
}

/* Page  */
html, body
{
    height: 100%; 
    padding:0;
    margin:0;

    font-family: Montserrat, sans-serif;
    font-size:100%;
}

.container
{
    height: 100%;
    background-color: var(--white);
    display: flex;
    flex-flow: column;
}


/* Titre */
.title {
    flex: 0 1 15%;
    min-width: 0;
    min-height: 0;
    background-color: var(--white);

    text-align: center;
}


.tiles {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background-color: var(--white);
    grid-gap: 25px;
    padding: 25px;
}


/* Tuiles */
.tile {
    background-color: var(--green1);
    border-radius: 20px;
    min-width: 100%;
    min-height: 100%;
    
    text-align: center;
    
    font-size: 150%;
    font-weight:bold;
}
.tile:hover {
    background-color: var(--green2);
}


.icon {
    height: 50%;
    margin: 5%;
}

.tile-link{
    text-decoration: none;
    color: var(--white);
}