:root {
    --grid-column-0: 1 / 13;
    --grid-row-0: 1 / 13;
    --grid-column-0-mobile: 1 / 13;
    --grid-row-0-mobile: 1 / 13;

    --grid-column-1: 1 / 13;
    --grid-row-1: 1 / 13;
    --grid-column-1-mobile: 1 / 13;
    --grid-row-1-mobile: 1 / 13;

    --grid-column-2: 1 / 13;
    --grid-row-2: 1 / 13;
    --grid-column-2-mobile: 1 / 13;
    --grid-row-2-mobile: 1 / 13;

    --grid-column-3: 1 / 13;
    --grid-row-3: 1 / 13;
    --grid-column-3-mobile: 1 / 13;
    --grid-row-3-mobile: 1 / 13;

    --grid-column-4: 1 / 13;
    --grid-row-4: 1 / 13;
    --grid-column-4-mobile: 1 / 13;
    --grid-row-4-mobile: 1 / 13;

    --grid-column-5: 1 / 13;
    --grid-row-5: 1 / 13;
    --grid-column-5-mobile: 1 / 13;
    --grid-row-5-mobile: 1 / 13;

    --grid-column-6: 1 / 13;
    --grid-row-6: 1 / 13;
    --grid-column-6-mobile: 1 / 13;
    --grid-row-6-mobile: 1 / 13;

    --grid-column-7: 1 / 13;
    --grid-row-7: 1 / 13;
    --grid-column-7-mobile: 1 / 13;
    --grid-row-7-mobile: 1 / 13;

    --grid-column-8: 1 / 13;
    --grid-row-8: 1 / 13;
    --grid-column-8-mobile: 1 / 13;
    --grid-row-8-mobile: 1 / 13;

    --grid-column-9: 1 / 13;
    --grid-row-9: 1 / 13;
    --grid-column-9-mobile: 1 / 13;
    --grid-row-9-mobile: 1 / 13;

    --grid-column-10: 1 / 13;
    --grid-row-10: 1 / 13;
    --grid-column-10-mobile: 1 / 13;
    --grid-row-10-mobile: 1 / 13;

    --grid-column-11: 1 / 13;
    --grid-row-11: 1 / 13;
    --grid-column-11-mobile: 1 / 13;
    --grid-row-11-mobile: 1 / 13;

    --grid-column-12: 1 / 13;
    --grid-row-12: 1 / 13;
    --grid-column-12-mobile: 1 / 13;
    --grid-row-12-mobile: 1 / 13;

    --grid-column-13: 1 / 13;
    --grid-row-13: 1 / 13;
    --grid-column-13-mobile: 1 / 13;
    --grid-row-13-mobile: 1 / 13;

    --grid-column-14: 1 / 13;
    --grid-row-14: 1 / 13;
    --grid-column-14-mobile: 1 / 13;
    --grid-row-14-mobile: 1 / 13;

    --grid-column-15: 1 / 13;
    --grid-row-15: 1 / 13;
    --grid-column-15-mobile: 1 / 13;
    --grid-row-15-mobile: 1 / 13;

    --grid-column-15: 1 / 13;
    --grid-row-15: 1 / 13;
    --grid-column-15-mobile: 1 / 13;
    --grid-row-15-mobile: 1 / 13;

    --grid-column-16: 1 / 13;
    --grid-row-16: 1 / 13;
    --grid-column-16-mobile: 1 / 13;
    --grid-row-16-mobile: 1 / 13;

    --grid-column-17: 1 / 13;
    --grid-row-17: 1 / 13;
    --grid-column-17-mobile: 1 / 13;
    --grid-row-17-mobile: 1 / 13;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    box-sizing: border-box;
    font-size: 62.5%; /* So that 1rem = 10px (10px/16px (browsers default) = 62.5% -> 1rem = 10px */
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
    overflow: hidden;
    height: 100%;
    /*width: 100%;*/
}

#root {
    height: 100%;
    /*width: 100%;*/
}

body {
    height: 100%;
    /*width: 100%;*/
}


.App {
    height: 100%;
    font-size: calc(10px + 2vmin);
    color: white;
    position: relative;
    overflow: hidden;
}

a {
    color: white;
}