.wrapper{
    text-align: center;
}

.container{
    color: white;
    background-color: rgb(175, 28, 36);
    max-width: 50%;
    margin: auto;
    border: 2px solid black;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 5px 5px 5px black;
}

.configurations{
    margin: auto;
}

.config-item {
    margin-bottom: 20px;
}

.button-controls button{
    margin-bottom: 8px;
}

@media (min-width: 768px) {
    .configurations{
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
        align-items: center;
        max-width: 60%;
    }

    .config-item {
        margin-right: 10px;
        margin-left: 10px;
    }
}