body {
    background-color: #2b2d42;
    color: #edf2f4;
    margin: 40px 100px;
    text-align: center;
}

.guide {
    font-style: italic;
}

.st-guide {
    text-decoration: underline;
}

.game-area {
    background-color: gray;
}

.indicator {
    color: #edf2f4;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 1.5em;
    margin: 40px auto 10px auto;
    text-transform: uppercase;
}

.score {
    background-color: #edf2f4;
    color: #ef233c;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    padding: 25px 0px;
    font-size: 5em;
}

.cards {
    margin: 80px auto;
}

.btn {
    padding: auto 80rem !important;
}

.st-btn {
    background-color: #ef233c;
    color: #edf2f4;
    margin-bottom: 40px;
}

.st-btn:hover {
    background-color: #ef233c;
    opacity: 0.8;
    color: #edf2f4;;
}

.st-card {
    width: 60%
}


.one {
    background-color: red;
}

.two {
    background-color: green;
}

.three {
    background-color: purple;
}

.four {
    background-color: orange;
}