.square { 
    border: none; 
    padding: 4px;  
    background-color: lightseagreen;  
    width: 70px;  
    height: 70px;
    border-radius: 10%;
}

/*
.square:active:not([disabled]) {
    background-color: orangered;  
}

.active, .square:active.next {
    background-color: rgb(95, 251, 243);  
}
*/

.active, .square:active:not([disabled]) {
    background-color: rgb(95, 251, 243);  
}

.end {
    background-color: rgb(99, 159, 156);
}

body {
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    background-color: #ececec;
}

.center {
    max-width: fit-content;
    margin: auto;
}

.startbutton {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    background-color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 5px;
    border-radius: 10%;
}

h1 {
    text-align: center;
}