#navigation {
 border-bottom: 1px solid #BBBBBB;
 box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.196);
 background: #fff;
 height:60px;
 width:100%;
 position:fixed;
 z-index:9999999;
 top:0px;
 left:0px;
 padding: 0 20px;
 box-sizing: border-box;
}


#navigation p {
 font-size: 22px;
 text-align:center;
 color:#444;
 margin: 20px auto;
 display: inline-block;
 width: 72%;
}

#navigation p b {
 color:#444;
}


#navigation a:hover {
 background: #AD8E01;
 color: #FFFFFF;
}

#navigation a {
 background: #FACE02;
 border-radius: 22px;
 color: #000000;
 font-family:"open-sans", sans-serif;
 font-size: 8.9px;
 line-height: 40px;
 text-decoration: none;
 text-transform: uppercase;
 transition: background 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0;
 text-align:center;
 display: inline-block;
}
#navigation a.back-button {
 width: 18%;
}
#navigation a.create-button {
 width: 10%;
}