index.css

:root { 
    --headerColor: #ce1919;    
}

body {
    padding: 0;  
    margin: 0;
}

.miew-header {
    background-color: var(--headerColor);
    font-family: monospace;
    color: white;
    margin:0;
    padding: 10px;
    position: sticky; 
    top: 0;
    box-shadow: inset 0 0 10px 0 #ddd;
    text-align:center;
}

.miew-footer {
    padding: 10px 0 0 10px;
}

.miew-preview {            
    border: 1px dotted rgba(116, 108, 108, 0.863);    
    margin: 0;
    padding: 20px;   
    font-size: smaller;     
}

.miew-nav {
    position: fixed; 
    top: 5px;        
    right: 50px;          
    height: 3em;                    
    overflow: hidden;       
}

.miew-nav:hover {
    height: 70%;          
    width:auto;
    overflow-y: scroll;
}

.miew-nav-opened {
    background: transparent url('assets/files.svg') 0 0 no-repeat;                        
    height: 3em;        
    position: sticky; 
    top: 0;
}

.miew-settings {        
        width: 20%;
        height: 1.8 em;
        position: fixed;
        top: 0;
        left:65%;
        color: rgb(228, 228, 180);
        font-size: small;
        font-family: cursive;    
        cursor: help;    
}

.miew-filesList {      
    border: 1px dotted rgba(71, 68, 68, 0.377);  
    border-radius: 15px;       
    background-color: white;
}

.miew-file  { 
    font-size: 0.7em;
    font-family: cursive;
    width: 200px;
    margin:5px;
    text-align: center;
    text-overflow: ellipsis;
}

.miew-file:hover { 
    color: var(--headerColor);    
    border-bottom: solid 1px grey;
    font-weight: bold;    
    cursor: pointer;
}