@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');
body	{
		 margin: 0;
		 padding: 0;
		 background-color: #FFF;
		 font-family: 'Nunito', sans-serif;
		 font-style: normal;
		 font-size: 1em;
		}
#page   {
         width: 100%;
         display: flex;
         align-items: stretch;	
		 min-height: 100vh;
		 box-sizing: border-box;
        }		
#menu   {
        background-color: #777;
        width: 10rem;
        display: flex;  
        flex-direction: column;
        flex-shrink: 0;   
        padding: 2rem 2rem 0 2rem;
        box-sizing: border-box;        
        }
#menu a {
        transition: padding 0.5s, background-color 1s;
        }
#menu a:link, #menu a:visited
        {
        color: #fff;
        margin: 0.5rem 0 0.5rem 0;
        box-sizing: border-box; 
        text-decoration: none;
        padding: 0.25rem;
        }
#menu a:hover
        {
		background-color: #FFF;
		color: #000;			
		padding-left: 0.7rem;
		}
#content
        {
        flex-grow: 1;
        background-color: #F7F7F7;
        padding: 2rem 2rem 0 2rem;     
        box-sizing: border-box;
        }
details {
        margin: 1rem 0 1rem 0;
        }
textarea
        {
        box-sizing: border-box; 
        display: block;        
        width: 35rem;   
        height: 25rem;
        padding: 1rem;
        font-size: 1.25rem;
        margin: 1rem 0 0 0;
        }
.submit {
         padding: 0.5rem;
         background-color: #00f;
         color: #fff;
         border: 1px solid #000;
         margin: 1rem 0 0 0;
        }
th      {
        text-align: left;
    
    
    
}        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
}