@font-face {
    font-family: Baloo2;
    src: url(../../assets/css/Fonts/Baloo2-Regular.ttf) format('truetype')
}


@font-face {
    font-family: iransans;
    src: url('../../assets/css/Fonts/IRANSansWeb(FaNum).eot'),
        url('../../assets/css/Fonts/IRANSansWeb(FaNum).woff'),
        url('../../assets/css/Fonts/IRANSansWeb(FaNum).woff2'),
        url('../../assets/css/Fonts/IRANSansWeb(FaNum).ttf')
}

html {
    font-family: "Baloo2", "iransans", sans-serif;
    width: 100%;
    height: 100%;
}

body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1C1D24;
}

body:after {
    position: absolute;
    left: 50%;
    bottom: 1em;
    transform: translateX(-50%);
    content: "Press the left and right arrow keys to start the snake game";
    color: white;
    opacity: 0.4;
}

canvas {
    border: 5px solid #007bff;
}