Amplenote Focus Mode by KiKaraage

/* ==UserStyle==
@name           Amplenote Focus Mode
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("amplenote.com") {
    /* Hide top app bar */
    .mdc-top-app-bar__row {
        visibility: collapse;
    }
    .mdc-top-app-bar--fixed-adjust {
        padding-top: 0px;
    }
    header.note-header-container.mdc-top-app-bar .mdc-top-app-bar__row {
        height: 0px;
    }
    /* Hide side navigation bars */
    .primary-side-nav {
        visibility: collapse;
    }
    .primary-side-nav, .primary-side-nav.collapsed, .primary-side-nav-content, .mdc-drawer {
        width: 0px;
    }
    /* Move toolbar's sticky position to top, closing the gap */
    .note-pane .ample-editor .toolbar-wrapper {
        top: 0px;
    }
    /* Hide top and bottom border for the editor toolbar */
    .ample-editor .toolbar {
        border-bottom: none;
        border-top: none;
        opacity: 0.3;
        scale: 0.9;
    }
    /* Hide border between toolbar buttons */
    .ample-editor .toolbar .button.block-heading-3, .ample-editor .toolbar .button.block-number_list_item, .ample-editor .toolbar .button.table-full-width {
        border-right: none;
        margin-right: 0px;
    }
    /* Hide border beside Undo and Redo buttons */
    .ample-editor .toolbar .button-group.last {
        border-left: none;
    }
}