.grid-container {
    display: grid;
    justify-content: end;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: min(16px, 2vmin);
    width: min-content;
    height: min-content;
    
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;

    padding: min(32px, 4vmin);
    border-width: min(8px, 1vmin);
    border-style: solid;
    border-radius: min(24px, 3vmin);
    border-color: #F6F6FA;
}
.position {
    width: 0;
    height: 0;
    margin: 0;
    padding: min(64px, 8vmin);
    position: relative;
}
.position > * {
    position: absolute;
    font-size: min(128px, 16vmin);
    margin: 0;
    transform: translate(-50%,-50%);
}
.across {
    grid-column-start: 1;
    grid-column-end: -1;
    height: min(64px, 8vmin);
    font-size: min(32px, 4vmin);
    color: rgb(74, 74, 80);
}
button {
    font-family: 'Nunito', sans-serif;
    border-style: solid;
    border-radius: min(6px, 0.75vmin);
    border-color: #ccd;
    border-width: 1px;
    background-color: #F6F6FA;
    color: rgb(118, 118, 128);
}
button:disabled {
    border-color: #00000000;
    background-color: #00000000;
}
.taunt {
    color: rgb(94, 94, 102);
    grid-column-start: 1;
    grid-column-end: -1;
    position: relative;
    margin: auto;
    font-family: 'Nunito', sans-serif;
    text-align: center;
}
body > p {
    color: rgb(190, 190, 204);
    font-family: 'Nunito', sans-serif;
    font-size: 32px;
    margin: 0;
}
#resetstats {
    position:absolute;
    bottom: 8px;
    right: 8px;
}