.prize {
    display: flex;
    width: auto;
    margin-bottom: 2em;
    background: rgba(76, 175, 80, 0.3);
}
.prize-winner {
    display: flex;
    width: auto;
    margin-bottom: 2em;
    background: rgba(76, 175, 80, 0.3);
}

.prize-place {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.prize-number {
    display: flex;
    justify-content: center;
}
.prize-number > span {
    font-size: 1.5em;
    text-align: center;
    width: 1.5em;
    height: 1.5em;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    box-shadow: 2px 2px #1e1e1e;
}

.prize-number-winner {
    display: flex;
    justify-content: center;
    width: 300px;
}
.prize-number-winner > span {
    font-size: 3em;
    text-align: center;
    width: 1.5em;
    height: 1.5em;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    box-shadow: 2px 2px #1e1e1e;
}

.no-0 {
    border-color: firebrick;
    background-image: linear-gradient(to bottom right, firebrick, #aeaeae);
    color: white;
}

.no-1 {
    border-color: goldenrod;
    background-image: linear-gradient(to bottom right, goldenrod, #aeaeae);
    color: white;
}

.no-2 {
    border-color: violet;
    background-image: linear-gradient(to bottom right, violet, #aeaeae);
    color: black;
}

.no-3 {
    border-color: chartreuse;
    background-image: linear-gradient(to bottom right, yellow, #aeaeae);
    color: rgb(178, 82, 241);
}

.no-4 {
    border-color: yellow;
    background-image: linear-gradient(to bottom right, yellowgreen, #aeaeae);
    color: firebrick;
}

.no-5 {
    border-color: chocolate;
    background-image: linear-gradient(to bottom right, chocolate, #aeaeae);
    color: white;
}

.no-6 {
    border-color: coral;
    background-image: linear-gradient(to bottom right, coral, #aeaeae);
    color: gray;
}

.no-7 {
    border-color: crimson;
    background-image: linear-gradient(to bottom right, crimson, #aeaeae);
    color: white;
}

.no-8 {
    border-color: honeydew;
    background-image: linear-gradient(to bottom right, honeydew, #aeaeae);
    color: darkslategrey;
}

.no-9 {
    border-color: deepskyblue;
    background-image: linear-gradient(to bottom right, deepskyblue, #aeaeae);
    color: indigo;
}

@media only screen and (max-width: 420px) {
    .prize-winner {
        display: none !important;
    }
    .prize-winner-mob {
        display: flex !important;
    }

    .prize-number-winner {
        display: flex;
        justify-content: center;
        width: 20vh;
        margin-top: 30px;
    }
    
    .prize-number-winner > span {
        font-size: 3em;
        text-align: center;
        width: 1.5em;
        height: 1.5em;
        border-width: 2px;
        border-style: solid;
        border-radius: 10%;
        box-shadow: 2px 2px #1e1e1e;
    }
}

@media only screen and (min-width: 421px) {
    .prize-winner {
        display: flex !important;
    }
    .prize-winner-mob {
        display: none !important;
    }
}