* {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}

body {
    text-align: center;
    background: linear-gradient(135deg, #fcb1d9, #9255f4);
}

p {
    font-size: 7vmin;
    font-family: 'Courier New', Courier, monospace;
}


.container {
    height: 90vh;
    border: 2px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.game {
    height: 60vmin;
    width: 60vmin;
    border: 2px solid rgb(249, 120, 202);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5vmin;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    /* depth */
    border-radius: 2vmin;
}

.box {
    height: 18vmin;
    width: 18vmin;
    font-size: 8vmin;
    background-color: rgb(205, 194, 252);
    border-radius: 20px;
    border: 10px solid rgb(252, 166, 242);
}

.box:hover:not(:disabled) {
    background-color: rgb(236, 173, 250);
    transform: scale(1.08);
}

.box:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.option {
    display: flex;
}

.opt {
    height: 7vmin;
    width: 15vmin;
    margin: 3vmin;
    border-radius: 2vmin;
    font-size: 4vmin;
    color: rgb(255, 35, 145);
    background-color: rgb(254, 211, 218);
}
.result{
    color: rgb(248, 244, 244);
    font-size: 4vmin;

}