:root {
    --main-background: #000; /* Default primary color */
    --main-color: #fff; /* Default secondary color */
    --font-size: 36pt; /* Default font size */
    --line-height: 40pt; /* Default line height */
}

body {
    background: var(--main-background);
    color: var(--main-color);
}

div {
    font-size: var(--font-size);
    line-height: var(--line-height);
}


.sweetbean-square {
    width: 10vw;
    height: 10vw
}

.sweetbean-circle {
    width: 10vw;
    height: 10vw;
    border-radius: 50%
}

.sweetbean-triangle {
    width: 10vw;
    height: 10vw;
    clip-path: polygon(50% 0, 0 100%, 100% 100%)
}

.feedback-screen-red {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: red
}

.feedback-screen-green {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: green
}