html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.user_nav {
    position: absolute;
    z-index: 9;
    right: 5vw;
    top: 5vh;
}

.ip_menu .js_menu_button {
    text-align: center;
    font-size: xx-large;
    background: #535353;
    color: #fff;
    position: fixed;
    right: 5vw;
    top: 2vh;
    border-radius: 8px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    z-index: 9
}

.ip_menu .menu_div {
    background: #000000e0;
    position: absolute;
    font-size: xx-large;
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 8;
    display:none
}

.ip_menu .menu_items {
    transform: translateY(25%);
}

    .ip_menu .menu_items li {
        list-style: none;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .ip_menu .menu_items a {
        color: #b1b1b1;
        text-decoration: none;
    }

        .ip_menu .menu_items a:hover {
            color: #ffffff;
        }

iframe {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border: 0px;
}