:root {
    --main-font: 'Montserrat', Helvetica, Arial, sans-serif;
    --title-font: 'Fredoka One', verdana, sans-serif;

    --bezier: cubic-bezier(0.25,0.1,0.25,1);
    --cellSize: 94px;
    --cellSpacing: 16px;
    
    --denim-blue: #002b50;
    --green-1: #15c8d1;
    --green-2: #17d7d8;
    --green-3: #18e9da;
    --green-4: #17f1d8;
    --green-5: #3cf7dc;
    --green-6: #4dffe1;
    --green-7: #83ffe7;
    --green-8: #a4ffee;
    --grey-3: #7e91ab;
    --grey-5: #bac9de;
    --grey-7: #f0f5fc;
    --grey-9: #f9fbff;
    --poki-blue: #009cff;
    --poki-hover: #0097f5;
    --poki-hover-1: #005f99;
    --pure-white: #ffffff;
    --purple-1: #c977e8;
    --purple-2: #d490f2;
    --purple-3: #da9ef3;
    --purple-4: #dca7f2;
    --purple-5: #e0aef5;
    --purple-6: #e1b5f7;
    --purple-7: #eac0fc;
    --purple-8: #ebccff;
    --rose-1: #ff7690;
    --rose-2: #ff8aa6;
    --rose-3: #ff99b1;
    --rose-4: #ffa4ba;
    --rose-5: #ffa9be;
    --rose-6: #ffaec5;
    --rose-7: #ffc2d6;
    --rose-8: #ffc9dd;
    --yellow-1: #ff9e00;
    --yellow-2: #ffaf00;
    --yellow-3: #ffc500;
    --yellow-4: #ffd100;
    --yellow-5: #ffdc00;
    --yellow-6: #ffe200;
    --yellow-7: #faeb59;
    --yellow-8: #ffed85;
}