#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;
    padding    : 3px;
    position   : fixed;
    text-align : center;
    top        : 20vh;
    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     : 30px;
        left       : 0;
        padding    : 3px;
        position   : absolute;
        text-align : center;
        width      : 100%;
        z-index    : 1500;
        top        : 100px;
        font-size  : 0.7em;
    }
    .userBar a {
        display: inline-block;
        padding: 1%;
    }
    .userBar a::before {
        content: " | ";
    }

    .userBar .userName {
        margin-bottom: 0;
        display: inline-block;
    }
}