/* div general actions */
    .dgas{
        display: flex;
        column-gap: 20px;
        position: absolute;
    }

    /* div general actions - top */
    .dgas-t-8{
        top:8vh;
    }
    .dgas-t-10{
        top:10vh;
    }
    .dgas-t-13{
        top:13vh;
    }
    .dgas-t-15{
        top:15vh;
    }

    .dgas-t-18{
        top:18vh;
    }

    .dgas-t-19{
        top:19vh;
    }

    .dgas-t-20{
        top:20vh;
    }

    /* div general actions - right */
    .dgas-r-xs{
        right: 2vw;
    }

    .dgas-r-3{
        right: 3vw;
    }

    .dgas-r-5{
        right: 5vw;
    }
    .dgas-r-8{
        right: 8vw;
    }
    .dgas-r-13{
        right: 13vw;
    }
    .dgas-r-15{
        right: 15vw;
    }

    /* div general actions - bottom */
    .dgas-b-s{
        bottom:2vh;
    }

    /* div general action */
    .dga{
        border: black solid 3px;
        font-size: 20px;
        height: 40px;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    /* div general action - sizes */
    .dga-xs{
        height: 25px;
        width: 25px;
        font-size: 15px;
    }

    .dga-s{
        height: 30px;
        width: 30px;
        font-size: 15px;
    }

    .dga-m{
        height: 40px;
        width: 40px;
        font-size: 20px;
    }

    .dga:hover{
        color:white;
        background-color: black;
    }

    .dga:hover .dga-info{
        display: block;
    }

    /* div general action info */
    .dga-info{
        display: none;
        padding: 2px 5px;
        position: absolute;
        font-size: 13px;
        border-radius: 3px;
        text-align: center;
        width: 150px;
        color: black;
    }

    /* div general action info - top */
    .dgai-t-xs{
        top:-20px;
    }

    .dgai-t-s{
        top:-25px;
    }

    .dgai-t-m{
        top:-35px;
    }

    /* div general action info - width */
    .dgai-w-s{
        width: 70px;
    }