/** Header **/ .header { height: 150px; margin-bottom: 30px; } .top > .container { position: relative; padding-top: 20px; height: 100px; } .user { text-align: right; position: absolute; bottom: 30px; right: 0; } .menu { background: #0094ff; padding: 15px 0; height: 50px; } ul.nv { list-style-type: none; margin: 0; padding: 0; } .nv > li { float: left; margin-right: 50px; } .nv > li > a { color: white; } .nv > li > a:hover { color: white; } .circle { color: #0094ff; text-align: center; background: #ffffff; height: 20px; width: 20px; display: inline-block; border-radius: 50%; margin-left: 10px; } /** Index **/ .clickable { cursor: pointer; color: #333; } .clickable:hover { text-decoration: none; color: #333; } .clickable:hover > div { background: #eaeaea; } .big { font-size: 24px; color: #0094ff; font-weight: 600; } /** Footer **/ .footer { color: grey; margin-top: 50px; }