body{
    text-align: center;
}
input{
    font-size: 3vmax;
    margin-bottom: 2vh;
    color: rgba(57,62,63,1);
    width: 100%;
}

form{
    background-color: rgba(57,62,63,1);
    width: fit-content;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    min-width: 30vmax;
}

label{
    font-size: 2vh;
    color: white;
    border-width: 2px;
    border-color: transparent;
    border-style: dotted;
    border-radius: 1vh;
    float: left;
    width: 30%;
    margin-bottom: 0.5rem;
    user-select: none;
    cursor: pointer;
}

/* button{
    color: white;
    background-color: #00A6ED;
    width: 100%;
    font-size: 3vmax;
    margin-top: 1vh;
} */

.alert-danger{
    color: red;
    font-weight: bolder;
}

.check{
    display: none;
}


input[type="checkbox"]:checked + label {
    /* border-color: white; */
    background-color: #00A6ED;
}

input[type="radio"]:checked + label {
    /* border-color: white; */
    background-color: #00A6ED;
}