.pads-container-outline{
    aspect-ratio: 1/1;

    background-color: white;
    border: solid black 0.25vh;
    border-radius: 9vh;
    padding: 0.8vh;
}
.pads-container{
    aspect-ratio: 1/1;

    background-color: white;
    border: solid black 2vh;
    border-radius: 8vh;
    padding: 2vh;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 0.5vh;
}
.pad-outline{
    aspect-ratio: 1/1;
    background-color: white;
    border: solid black 0.25vh;
    border-radius: 50%;
    padding: 0.5vh;
}
.pad{
    display:flex;
    aspect-ratio: 1/1;
    align-items: center;
    justify-content: center;
    background-color: white;
    border: solid rgb(21, 255, 0) 1vh;
    border-radius: 50%;
    background-color: black;
    color:white;
    font-size: 80%;
    font-weight: 900;
    user-select: none;
    cursor: pointer;

}