style.css

:root{
    --background-light: #EDE1CF;
    --circle-win-light: #87CF7D;
    --circle-lose-light: #DE6363;
    --circle-tie-light: #FFDFA0;
    --circle-blank-light: #D9D9D9;
    --circle-current-light: #9DE3F9;
    --circleborder-light: #4D4639;
    --cardbg-light: #FFDFA0;
    --cardborder-light: #261A00;
    --cardtext-light: #785A0B;
    --cardbg-win-light: #CCEBC4;
    --cardborder-win-light: #0f560f;
    --cardtext-win-light: #4A6546;
    --cardbg-lose-light: #FFB9B1;
    --cardborder-lose-light: #BA1A1A;
    --iconcolour-light: #6B5C3F;
}

.flex {
    flex: auto;
}

body {
    font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: var(--background-light);
}

.roundCounter {
    font-size: 76px;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

.scores {
    display: flex;
    gap: 15px;
    padding-top: 5px;
    padding-bottom: 30px;
}

.circle {
    height: 20px;
    width: 20px;
    background-color: var(--circle-blank-light);
    border: 2px solid var(--circleborder-light);
    border-radius: 50%;
    display: inline-block;
}

.instructions-box {
    text-align: center;
}

.instructions {
    font-size: 36px;
    font-weight: medium;
    padding-bottom: 5px;
    margin: 0;
}

.sub-instructions {
    font-size: 20px;
}

.choices {
    display: flex;
    justify-content: center;
    gap: 30px;
    padding: 30px 10px 10px 10px;
    font-size: 28px;
    font-weight: bold;
}

.choice {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    height: 315px;
    width: 195px;

    color: var(--cardtext-light);
    background-color: var(--cardbg-light);
    border: 4px solid var(--cardborder-light);
    border-radius: 25px;
}

img {
    height: 144px;
    width: auto;
}

.paper_img {
    height: 128px;
    padding-top: 20px;
}

.logos {
    display: flex;
    gap: 15px;
    padding-bottom: 10px;
}

.logo img{
    height: 50px;
    width: 50px;
}