body {
    background-color: #141221;
    color: white;
}

.symbol-box {
    font-size: 3rem;
    padding: 20px;
    border: 1px solid #fff;
    text-align: center;
    min-width: 100px;
}

.option-box {
    font-size: 2rem;
    padding: 15px;
    border: 1px solid #fff;
    text-align: center;
    cursor: pointer;
    user-select: none;
}

.option-box:active {
    background-color: #5c6bc0;
}

#result {
    font-size: 14px;
    font-weight: bold;
}


:root {
    --warna-utama: rgb(4, 68, 218);
    --warna-sekunder: rgb(199, 227, 255);
    --warna-latar-utama: rgb(255, 199, 255);
    --warna-latar-sekunder: rgb(243, 248, 104);
    --warna-latar-abu: rgb(244, 244, 244);
}

.text-utama {
    color: var(--warna-utama);
}