.pcview{
    display: none;
}

:root{
    --bgcolor:#48484f0d;
    --bggreen: #416341;
    --bglight: #c6e8f4;
    --color1: rgb(77, 77, 75);
    --color2: #7c7c80;
    --spacing: 8px 12px;
    --darktext: rgb(79, 77, 77);
    
}

.flex{
    display: flex;
}
.flexwrap{
    flex-wrap: wrap;
}
.flexcenter{
    justify-content: center;
}
.flexbetween{
    justify-content: space-between;
}
.itemscenter{
    align-items: center;
}


.spacing{
    padding: var(--spacing)
}
.p4{
    padding: 4px;
}
.p8{
    padding: 8px;
}
.m15{
    margin: 15px 0;
}
.m4{
    margin: 4px 0;
}

.text13{
    font-size: 13px;
}
.text7{
    font-size: 7px;
}
.darkfont{
    font-weight: 600;
}
.superdark{
    font-weight: 1000;
}
.heading{
    color: var(--color1);
}
.subheading{
    color: var(--color2);
}
.darktext{
    color: var(--darktext);
}

.ctext{
    text-align: center;
}
.white{
    color: white;
}
.bshadow{
    box-shadow: rgba(46, 50, 56, 0.1) 0px 10px 10px -10px;
}

.hideflow{
    overflow: hidden;
}
.nowrap{
   white-space: nowrap;
}




@media(min-width: 540px){
    .pcview{
        display: block;
        min-height: 100vh;
        background-image: url(../img/static/mob.jpeg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .user, .dashboard, .follow, .userTable{
        display: none;
    }
}