.menu-toggle {
    font-size: 24px;
    background: none;
    border: none;
    color: #000;
    cursor: pointer;
    height:50px;
    width:50px;
    z-index: 1001;
}

/* Menu lateral */
.side-menu {
    z-index: 1000;
    position: absolute;
    top: 0;
    left:-100%;
    width: 100%;
    bottom:0px;
    background: #0f172a;
    transition: left 0.3s ease;
    padding-top:75px;
}

    .side-menu a {
        padding:5px 10px;
        display: block;
        color: white;
        text-decoration: none;
    }

        .side-menu a:hover {
            background: #1e293b;
        }

    /* Menu visível */
    .side-menu.open {
        left: 0;
    }

/* Screens */
.content {
    padding: 16px;
}

.screen {
    display: none;
}

    .screen.active {
        display: block;
    }