#blanket {    display         : none;    position        : fixed;    width           : 100%;    height          : 100%;    top             : 0px;    left            : 0px;    z-index         : 900;    background-color: #111;    opacity         : 0.65;    filter          : alpha(opacity=65);}.pops {    background-color: #ffffff;    border          : 3px solid #cccccc;    border-radius   : 22px / 20px;    box-shadow      : -3px 1px 5px rgba(0, 0, 0, 0.75);    clear           : both;    display         : none;    left            : 50%;    margin-left     : -311px;    position        : fixed;    top             : 0;    width           : 623px;    z-index         : 1500;}.starsColor {    color: #FFCC00;}.userBar {    background : none repeat scroll 0 0 #6199df;    clear      : both;    font-weight: 500;    height     : auto;    left       : 3%;    padding    : 3px;    position   : fixed;    text-align : center;    top        : 20vh;    width      : 7%;    z-index    : 1500;}.userBar a {    display: block;    text-decoration: underline;    padding: 3%;}.userBar .userName {    margin-bottom: 3%;    display: block;    font-weight: 700;}@media screen and (max-width: 650px) {    .userBar {        background: none repeat scroll 0 0 #6199df;        clear: both;        font-weight: bold;        height: 50px;        left: 0;        /* padding: 3px; */        position: fixed;        text-align: center;        width: 100%;        z-index: 1500;        top: 91%;        /* bottom: 0; */        font-size: 0.7em;    }    .userBar a {        display: inline-block;        padding: 1%;    }    .userBar a::before {        content: " | ";    }    .userBar .userName {        margin-bottom: 0;        display: inline-block;    }}