#slot-container {
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
}

#slot-container button {
    border: 1px solid var(--color-primary);
}

#titles {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#hamster {
    color: var(--color-secondary);
}

.slots {
    display: flex;
    width: 474px;
    height: 79px;
    border: 1px solid var(--color-primary);
}

.reel {
    border: 1px solid var(--color-primary);
    width: 79px;
    height: 79px;
    background-image: url(../../img/slotreel.png);
    background-position: 0px -79px;
    background-repeat: repeat-y;
}

.amount {
    display: flex;
    align-items: center;
    justify-content: center;
}

.amount button {
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
    color: var(--color-white);
    padding: 5px;
    margin: 5px;
    position: 80%;
}


#underbtns {
    display: flex;
    flex-direction: row;
    width: 80%;
}

#stopbtn-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    float: left;
    margin: 10px;
}

#spin-btn-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 10px;
    margin-left: auto;
}