.account-bar{
    width: 100%;
    height: 70px;
    line-height: 70px;
    max-width: 1000px;
    text-align: right;
    margin: 0px auto;
    user-select: none;
}
#signup, #homepage{
   width:78px;
   height: 36px;
   border-radius: 6px;
   border: 1px solid #eee;
   text-align: center;
   line-height: 36px;
   margin-right: 10px;
   cursor: pointer;
   display: inline-block;
   color: white;
   font-size: .9rem;
}
.main-button{
   background: #a14f6b;
}
.main-button:hover{
   background: #df1c5f;
}
#userinfo{
   display: inline;
   margin-right:20px;
   font-style: oblique;
   color: #df1c5f;
   font-weight: 600;
}
.screen-loading{
        position: fixed;
        top: 0;
        width: 100%;
        height: 100vh;
        text-align: center;
        background: rgba(90, 88, 88, 0.75);
    }
    .roate-box{
        width: 40px;
        height: 40px;
        margin: 30vh auto;
        border-radius: 50%;
        opacity: .8;
        animation: rotation 0.8s linear infinite;
    }
    @-webkit-keyframes rotation{
        from {-webkit-transform: rotate(0deg);}
        to {-webkit-transform: rotate(360deg);}
    }