@font-face {
  font-family: 'FSPixelSans';
  src: url('../fonts/fs-pixel-sans-unicode-regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  
}
* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    object-fit: cover;
    font-family: 'FSPixelSans';
    image-rendering: pixelated;

}

body {
    background: black;
    color: white;
    --tiles-size: 4;
}

img.img-size\:0 {
    width: calc(0px * var(--tiles-size));
}
img.img-size\:16 {
    width: calc(16px * var(--tiles-size));
}
img.img-size\:32 {
    width: calc(32px * var(--tiles-size));
}
img.img-size\:48 {
    width: calc(48px * var(--tiles-size));
}
img.img-size\:64 {
    width: calc(64px * var(--tiles-size));
}
img.img-size\:80 {
    width: calc(80px * var(--tiles-size));
}
img.img-size\:96 {
    width: calc(96px * var(--tiles-size));
}
img.img-size\:112 {
    width: calc(112px * var(--tiles-size));
}
img.img-size\:128 {
    width: calc(128px * var(--tiles-size));
}
img.img-size\:144 {
    width: calc(144px * var(--tiles-size));
}
img.img-size\:160 {
    width: calc(160px * var(--tiles-size));
}
img.img-size\:176 {
    width: calc(176px * var(--tiles-size));
}
img.img-size\:192 {
    width: calc(192px * var(--tiles-size));
}
img.img-size\:208 {
    width: calc(208px * var(--tiles-size));
}
img.img-size\:224 {
    width: calc(224px * var(--tiles-size));
}
img.img-size\:240 {
    width: calc(240px * var(--tiles-size));
}
img.img-size\:256 {
    width: calc(256px * var(--tiles-size));
}

p.p-size\:0 {
    font-size: 0px;
}
p.p-size\:16 {
    font-size: 16px;
}
p.p-size\:32 {
    font-size: 32px;
}
p.p-size\:48 {
    font-size: 48px;
}
p.p-size\:64 {
    font-size: 64px;
}
p.p-size\:80 {
    font-size: 80px;
}
p.p-size\:96 {
    font-size: 96px;
}
p.p-size\:112 {
    font-size: 112px;
}
p.p-size\:128 {
    font-size: 128px;
}
p.p-size\:144 {
    font-size: 144px;
}
p.p-size\:160 {
    font-size: 160px;
}
p.p-size\:176 {
    font-size: 176px;
}
p.p-size\:192 {
    font-size: 192px;
}
p.p-size\:208 {
    font-size: 208px;
}
p.p-size\:224 {
    font-size: 224px;
}
p.p-size\:240 {
    font-size: 240px;
}
p.p-size\:256 {
    font-size: 256px;
}


div.div-size\:0 {
    width: calc(0px * var(--tiles-size));
    height: calc(0px * var(--tiles-size));
}
div.div-size\:16 {
    width: calc(16px * var(--tiles-size));
    height: calc(16px * var(--tiles-size));
}
div.div-size\:32 {
    width: calc(32px * var(--tiles-size));
    height: calc(32px * var(--tiles-size));
}
div.div-size\:48 {
    width: calc(48px * var(--tiles-size));
    height: calc(48px * var(--tiles-size));
}
div.div-size\:64 {
    width: calc(64px * var(--tiles-size));
    height: calc(64px * var(--tiles-size));
}
div.div-size\:80 {
    width: calc(80px * var(--tiles-size));
    height: calc(80px * var(--tiles-size));
}
div.div-size\:96 {
    width: calc(96px * var(--tiles-size));
    height: calc(96px * var(--tiles-size));
}
div.div-size\:112 {
    width: calc(112px * var(--tiles-size));
    height: calc(112px * var(--tiles-size));
}
div.div-size\:128 {
    width: calc(128px * var(--tiles-size));
    height: calc(128px * var(--tiles-size));
}
div.div-size\:144 {
    width: calc(144px * var(--tiles-size));
    height: calc(144px * var(--tiles-size));
}
div.div-size\:160 {
    width: calc(160px * var(--tiles-size));
    height: calc(160px * var(--tiles-size));
}
div.div-size\:176 {
    width: calc(176px * var(--tiles-size));
    height: calc(176px * var(--tiles-size));
}
div.div-size\:192 {
    width: calc(192px * var(--tiles-size));
    height: calc(192px * var(--tiles-size));
}
div.div-size\:208 {
    width: calc(208px * var(--tiles-size));
    height: calc(208px * var(--tiles-size));
}
div.div-size\:224 {
    width: calc(224px * var(--tiles-size));
    height: calc(224px * var(--tiles-size));
}
div.div-size\:240 {
    width: calc(240px * var(--tiles-size));
    height: calc(240px * var(--tiles-size));
}
div.div-size\:256 {
    width: calc(256px * var(--tiles-size));
    height: calc(256px * var(--tiles-size));
}