body,
html {
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    background-color: #F8F8F8;
    /* ----Fond point-----
    background-color: #F8F8F8;
    opacity: 1;
    background-image: radial-gradient(#e6e6e6 2px, #F8F8F8 2px), radial-gradient(#e6e6e6 2px, #F8F8F8 2px);
    background-size: 36px 36px;

    -----Fond triangle----
    background-color: #F8F8F8;
    opacity: 1;
    background: linear-gradient(135deg, #E6E6E655 25%, transparent 25%) -36px 0/ 72px 72px, linear-gradient(225deg, #E6E6E6 25%, transparent 25%) -36px 0/ 72px 72px, linear-gradient(315deg, #E6E6E655 25%, transparent 25%) 0px 0/ 72px 72px, linear-gradient(45deg, #E6E6E6 25%, #F8F8F8 25%) 0px 0/ 72px 72px;
    
    -----Fond cercle------
    background-color: #F8F8F8;
    opacity: 1;
    background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #F8F8F8 36px ), repeating-linear-gradient( #E6E6E655, #E6E6E6 );*/
}

.button-shadow {
    box-shadow: 0px 0px 10px -5px gray;
}

.select-none {
    user-select: none;
}

.fake-button {
    cursor: pointer;
}