.block {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1em;
  align-content: start;
}

/* MENU */
.menu {
    position:fixed;
    width:fit-content;
    top:0;
    left: 0;
    z-index:100;
    padding: 1em;
}

.nav {
    width:50vw;
    height:100dvh;
    display:none;
}

.icon {
    display:inline-block;
}

.writingLinks {
    display:none;
    font-style: italic;
}

.writingsBtn:hover .writingLinks {
    display:block;
}

.active {
    display:block !important;
}

.menu.active {
    background: var(--bg-color);
    border-right: 2px solid var(--color);
}


/* MEDIA QUERIES */
@media screen and (max-width: 800px) {
    .menu {
        position:sticky;
    }
    
    .nav {
        width:100vw;
    }

    .writingsBtn:hover .writingLinks {
        display:none;
    }

    .menu.active {
        border-right: none;
    }
}