html, body { padding:0px; margin:0px; font-family: 'Open Sans', sans-serif; font-size:12px; } a, a:hover { text-decoration:none; } img { border:0px; } .loggedInBox { display:none; position:fixed; bottom:0px; right:0px; background: linear-gradient(145deg,#262c2f,#666); z-index:1000; animation: accountReveal .25s linear 0s 1 forwards; height:50px; border-radius:15px 0px 0px 0px; border:2px solid #fff; border-bottom:0px; border-right:0px; } #loggedContainer { padding:5px 20px; } #fullName { font-size:16px; line-height:40px; padding-left:10px; font-weight:300; color:#fff; cursor:pointer; } .linkSpacer { display:inline-block; vertical-align:top; color:#596269; line-height:40px; } .loggedBtn { padding:0px 10px; line-height:40px; display:inline-block; vertical-align:top; color:#fff; font-weight:300; font-size:16px; cursor:pointer; } .loggedBtn:hover { color:yellow; } main-content { display:block; position:relative; } @keyframes accountReveal { 0% { height:0px; } 60% { height:60px; } 80% { height:45px; } 100% { height:50px; } }