*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


section{
    border-radius: 12px;
    box-shadow: 0px 0px 10px 1px rgba(85, 85, 85, 0.404);
    width: 50%;
    margin: 0 auto;
    
/* From https://css.glass */
background: rgba(255, 255, 255, 0.4);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(13px);
-webkit-backdrop-filter: blur(13px);
border: 1px solid rgba(255, 255, 255, 0.575);

    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    padding: 3%;
}

.btn-div{
    position: absolute;
    top: 48%;
    left: 20px;
    font-size: 7px;
    background: #9e9e9e;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    vertical-align: middle;
    cursor: pointer;
}

.selected{
    color: #efe4fa;
    background: #0f0f19;
    padding: 5px;
    border-radius: 4px;
}
.btn-e,
.btn-h{
    padding: 5px;
}

.down{display: none;}


#main-score{
    float: right;
    color: #fff;
}


/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


/* .down{
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 1px 1px 3px 1px rgba(85, 85, 85, 0.137);
    margin: 20%;
    background:#bf0135;
    text-align: center;
    font-size: 50px;
    color: #efe4fa;

} */
    /*  #e4452e - orangey     #e44371 - pinkky */