nav {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    width: 100%;
    z-index: 9;
    /*position: fixed;*/
    /*top: 0;*/
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
nav section {
    width: 100%;
    padding: 10px;
}
#nav_sec2 {
    text-align: center;
    width: 100%;
}
#revu {
    width: 50%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-bottom: 1px solid rgba(0, 0, 0, 0.363);
    border-right: 1px solid rgba(0, 0, 0, 0.363);
}
#nav_sec3 {
    position: relative;
    text-align: right;
    padding-right: 40px;
}
#menu_open, #menu_close {
    cursor: pointer;
}
#menu_close {
    display: none;
}
#menu_open rect {
    border-radius: 20px;
}
#logo {
    max-width: 20%;
    height: auto;
    border-radius: 50%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
    cursor: pointer;
}
.menu_data {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 300px;
    margin-top: 60px;
    display: none;
}
.menu_data ul {
    list-style: none;
    line-height: 3.5em;
    padding: 20px;
    font-size: 17px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    height: 500px;
    background-color: white;
}
.menu_data ul a {
    text-decoration: none;
    color: black;
}
.menu_data ul li:hover {
    transition: all 0.4s ease-in-out;
    padding: 10px;
    cursor: pointer;
    border-left: 1px solid rgb(255, 11, 11);
}