#menu-bar{
    display:none;
}

header label {
    float:right;
    font-size:28px;
    margin: 6px 0;
    cursor:pointer;
}

.menu {
    position:absolute;
    top:50px;
    left:0;
    width:100%;
    height:100vh;
    background:rgba(51,51,51,0.9);
    transition:all 0.5s;
    transform:translateX(-100%);
}

.menu a {
    display:block;
    color:#fff;
    height:50px;
    text-decoration:none;
    padding:15px;
    border-bottom:1px solid rgba(255,255,255,0.5);
}

.menu a:hover{
    background:rgba(255,255,255,0.3);
    box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

#menu-bar:checked ~ .menu {
    transform:translateX(0%);
}

.w3-btn {border:none;display:inline-block;outline:0;padding:6px 16px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#fff;background-color:#000;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover {box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}

.w3-round {border-radius:4px!important}