﻿
body {
  overflow: hidden; /* Hide scrollbars */
}

.container {
    position: relative;
    text-align: center;
    color: black;
    width: 432px;
}

.bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px;
}

.top-left {
    position: absolute;
    top: 8px;
    left: 16px;
}

.top-right {
    position: absolute;
    top: 8px;
    right: 16px;
}

.bottom-right {
    position: absolute;
    bottom: 8px;
    right: 16px;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.R1{
    font-size:small;
}

.R1C1 {
    position: absolute;
    top: 4px;
    left: 16px;
    font-size: medium;
}
.R1C2 {
    position: absolute;
    top: 4px;
    left: 50%;
    font-size: medium;
    transform: translate(-50%);
}
.R1C3 {
    position: absolute;
    top: 4px;
    right: 8px;
    font-size: medium;
    
}
.R2C1 {
    position: absolute;
    top: 24px;
    left: 16px;
    font-size: small;
}

.R3C1 {
    position: absolute;
    top: 40px;
    left: 16px;
    font-size: small;
}

.R4C1 {
    position: absolute;
    top: 56px;
    left: 16px;
    font-size: small;
}

.R2C2 {
    position: absolute;
    top: 24px;
    left: 80px;
    font-size: small;
}

.R3C2 {
    position: absolute;
    top: 40px;
    left: 80px;
    font-size: small;
}

.R4C2 {
    position: absolute;
    top: 56px;
    left: 80px;
    font-size: small;
}

.R2C3 {
    position: absolute;
    top: 24px;
    left: 150px;
    font-size: small;
}

.R3C3 {
    position: absolute;
    top: 40px;
    left: 150px;
    font-size: small;
}

.R4C3 {
    position: absolute;
    top: 56px;
    left: 150px;
    font-size: small;
}

.R2C4 {
    position: absolute;
    top: 24px;
    left: 220px;
    font-size: small;
}

.R3C4 {
    position: absolute;
    top: 40px;
    left: 220px;
    font-size: small;
}

.R4C4 {
    position: absolute;
    top: 56px;
    left: 220px;
    font-size: small;
}

.R2C5 {
    position: absolute;
    top: 24px;
    left: 300px;
    font-size: small;
}

.R3C5 {
    position: absolute;
    top: 40px;
    left: 300px;
    font-size: small;
}

.R4C5 {
    position: absolute;
    top: 56px;
    left: 300px;
    font-size: small;
}

.R2C6 {
    position: absolute;
    top: 24px;
    left: 390px;
    font-size: small;
}

.R3C6 {
    position: absolute;
    top: 40px;
    left: 390px;
    font-size: small;
}

.R4C6 {
    position: absolute;
    top: 56px;
    left: 390px;
    font-size: small;
}