html {
    font-size: 14px;
}

@media (max-width: 350px) {
    html {
        font-size: 16px;
    }
}
/**/
/*@media only screen and (max-width: 0px) 
{
    html {
        font-size: 14px;
    }
}*/
    

    html {
        position: relative;
        min-height: 100%;
    }

    body {
        margin-bottom: 60px;
    }

    .rounded {
        border-radius: 35%;
        box-shadow: rgba(0,0,0,0.4);
        flex: 0 0 auto;
        min-width: 100%;
        padding: 0px 1px 0px 0px;
    }

    .rounded-btn {
        border-radius: 25%;
        box-shadow: rgba(0,0,0,0.4);
        background-color: lightgray;
        line-height: 1px;
        flex: 0 0 auto;
        min-width: 100%;
        padding: 0px 1px 0px 0px;
    }

    .errspan {
        float: right;
        margin-right: 6px;
        margin-top: -20px;
        position: relative;
        z-index: 2;
        color: gray;
    }

    .tealbold {
        color: teal;
        font-weight: 800;
    }

    .img {
        -webkit-filter: drop-shadow(0px 14px 10px rgba(115,115,115,0.6));
        -moz-filter: drop-shadow(0px 14px 10px rgba(115,115,115,0.6));
        -ms-filter: drop-shadow(0px 14px 10px rgba(115,115,115,0.6));
        -o-filter: drop-shadow(0px 14px 10px rgba(115,115,115,0.6));
        filter: drop-shadow(0px 14px 10px rgba(115,115,115,0.6));
        border-radius: 15%;
    }

    .bcgclr {
        background-color: rgba(242, 242, 242,60);
        padding-top: 5px;
        padding-left: 5px;
        text-align: center;
        overflow: scroll;
        max-height: 100px;
        max-width: 100%
    }

    .yellow {
        color: goldenrod;
        font-weight: 700
    }

    .red {
        color: tomato;
        font-weight: 700
    }

    .teal {
        color: teal;
        font-weight: 700
    }