Custom CSS to optimize jupyter notebook presentation in full-screen when zoomed in

custom.css

/*
FILE: ~/.jupyter/custom/custom.css

Custom CSS to optimize jupyter notebook presentation in full-screen when zoomed in.
*/
@media all and (max-width: 800px) {
     /* Hide prompt when zoomed in */
    .prompt {
        display: none !important;
    }
        
    /* Hide header, toolbar and menubar when zoomed in */
    #header-container, #maintoolbar, #menubar {
        display: none;
    }
        
    #notebook {
        padding: 0px;
    }
}