DeepL - Clean and Minimal by crystallinestyling

/* ==UserStyle==
@name           DeepL - Clean and Minimal
@namespace      userstyles.world/user/crystallinestyling
@version        1.0.0
@description    DeepL reduced to just the translator
@author         crystallinestyling
==/UserStyle== */

@-moz-document domain("deepl.com") {
@media (min-width: 651px) { /* only for desktop layout */

    /* remove elements */
    #lmt__dict, /* click on a word */
    .dl_translator_page_container > :not(main), /* pro ad */
    body > :not(.dl_translator_page_container), /* nav and footer */
    main > :not(#panelTranslateText), /* file translate */
    .lmt__language_container_sec /* glossary */
    {
        display: none !important;
    }

    main { /* make translation container cover screen */
        width: 100% !important;
        height: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        max-width: 100% !important;
        max-height: 100% !important;
    }

    .lmt__sides_container { /* small margin on the edges of the screen */
        margin: 8px !important;
    }

    .dl_translator_page_container {
        height: 100vh;
    }

    #source-dummydiv,
    textarea { /* make input areas always take up the whole screen */
        min-height: calc(100vh - 178.75px) !important;
    }
    
}
}