@import url('https://fonts.googleapis.com/css2?family=Sriracha&display=swa');
@import url('https://fonts.googleapis.com/css2?family=Mitr&display=swap');

body {
    font-size: large;
    font-family: 'Mitr', sans-serif;
    background-color: #17150f;
}

.btn-gold {
    width: 125px;
    border-radius: 0;
    background-color: #d5b460;
    border-color: #17150f;
    color: #17150f;
}

.btn-gold:hover {
    border-color: #d5b460;
}

.btn-end {
    width: 125px;
    border-radius: 0;
    background-color: #e4c61b;
    border-color: #17150f;
    color: #17150f;
}
.btn-end:hover {
    border-color: #d5b460;
}
.btn-win {
    width: 125px;
    border-radius: 0;
    background-color: #63c721;
    border-color: #17150f;
    color: #17150f;
}
.btn-win:hover {
    border-color: #d5b460;
}
.btn-lose {
    width: 125px;
    border-radius: 0;
    background-color: #c50b0b;
    border-color: #17150f;
    color: #17150f;
}
.btn-lose:hover {
    border-color: #d5b460;
}

.card-head-play {
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);

}

.in-win{
    border: 0;
    background-color: #8db6838f;
    color: rgb(0, 0, 0);
    text-align: center;
    font-weight: 600;
}
.in-lose{
    border: 0;
    background-color: #b683838e;
    color: rgb(0, 0, 0);
    text-align: center;
    font-weight: 600;
}

.font-sri{
    font-family: 'Sriracha', cursive;
    font-weight: 600;
}

.foot-logo{
    margin-top: 20px;
}