@font-face {
    font-family: "Helvetica Rounded Bold";
    src: url(../assets/font/Helvetica_Rounded_Bold.otf);
}

body{
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    box-sizing: content-box;
    font-family: "Joystick";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    cursor: none;
}
canvas{

}
div {
    display: flex;
    justify-content: center;
    align-items: center;
}

canvas{
    max-width: 100vw;
    max-height: 100vh;
}


/* 
    BACKGROUND
*/

.bg-base {
    background-color: #7565F4;
    transition: all 1s ease-in-out;
}

.bg-game-green {
    background-color: #00C563;
}

.bg-game-yellow {
    background-color:#FFAD08;
}

.bg-game-blue {
    background-color: #00BAE4;
}

.bg-game-red {
    background-color: #FF3332;
}

.bg-game-violet {
    background-color: #7565F4;
}