header{
    padding:1.2rem 2rem 1.2rem 2rem;
    display:grid;
    display:-ms-grid;
    display:-moz-grid;
    grid-template-columns: max-content max-content;
    grid-template-rows: auto;
    justify-content: space-between;
    align-content: center;
    position:sticky;
    /* position:fixed; */
    top:0;
    z-index:1;
    background-color:rgba(255, 217, 0, 0.9);
    /* background-color: rgba(255, 255, 255, 0.8); */
    /* border-bottom:1px solid rgb(210, 210, 210); */
}

header h1{
    /* font-family: Arial, Lato, Helvetica, sans-serif; */
    font-family: 'Times New Roman', Times, serif;
    font-weight: normal;
    font-size:1.5rem;
    margin:0;
}

header a{
    color:black;
    text-decoration:none;
}

.menu_bars{
    width:25px;
    height:25px;
}

.menu_bars > div {
    background-color:black;
    height:2px;
    margin:5px 0px;
    transition: width 0.2s;
}

.menu_bars > div:nth-of-type(2){
    width:50%;
}
.menu_bars > div:last-of-type{
    width:25%;
}