:root {
    --size: 75px;
    --clr-bg: #272324;
    --clr1: #ffffff;
    --clr2: #a8cc8d;
    --clr3: #8ccc5b;
    --clr4: #b1b1b1;
    --clr5: #b1b1b1;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    min-height: 80vh;
    background-color: var(--clr-bg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: 'Kanit', sans-serif;
    font-size: 50px;
    font-weight: 500;
    color: white;
}

.containerSB {
    text-align: center;
    padding-left: 20px;
    padding-top: 20px;
}

.text {
    font-weight: bold;
    font-size: 50px;
    color: white;
}

.sb {
    color: #bbb;
}