body {
    background-color: #f1f1f1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.square {
    width: 50px;
    height: 50px;
}

#main_color {
    border: solid;
}

section {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 60%;
}

#colors{
    flex-direction: row;
}
.color {
    flex-direction: row;
    justify-content: space-between;
}

.logo {
    height: 80px;
    width: 80px;
}

#delete{
    border-radius:10px ;
    background-color: red;
    color: white;
}

.player{
    flex-direction: row;
    justify-content: space-evenly;
}