/* Example: Google Font */
@import url('http://fonts.googleapis.com/css?family=Open+Sans:800italic');

.message {                                                                                                                                                             
    font-family: monospace;                                                                                                                                      
    display: none;                                                                                                                                                       
    background-color: rgba(255, 255, 250, 0.9); /* Semi-transparent background */                                                                                        
    padding: 10px; /* Increase padding for better visibility */                                                                                                          
    top: 50%; /* Center vertically */                                                                                                                                    
    width: 50%; /* Adjust width as needed */                                                                                                                             
    z-index: 1000;                                                                                                                                                       
    font-size: 36px; /* Increase font size */                                                                                                                            
}                                                                                                                                                                      

.cover {                                                                                                                                                               
  position: relative; /* Ensure cover is positioned relative for absolute positioning of message */                                                                    
} 

.header-logo {                                                                                                                                                           
     margin-top: 10px;  /* Adjust the value as needed */                                                                                                                  
     margin-left: 10px; /* Adjust the value as needed */                                                                                                                  
 }

body {
  margin: 0;
  width: 100%;
  min-height:130vh;
}

img.cover {
  width: 100%;
}

p {
  overflow: auto; /* because child element img.cover uses float */
  border: 20px solid silver;
}


#root {
  border: 10px dotted #C0D2C0;
  padding: 3%;
}

.content {
  border: 20px solid blue;
  overflow: auto;
  width: 85%;
  margin: 0 auto;
}

header {                                                                        
   background-color: #f8f9fa;                                                    
   padding: 20px;                                                                
   text-align: center;                                                           
}                                                                               
                                                                                
header h1 {                                                                     
  margin: 0;                                                                    
  font-family: 'Open Sans', sans-serif;                                         
}                                                                               
                                                                                
nav ul {                                                                        
  list-style-type: none;                                                        
  padding: 0;                                                                   
}                                                                               
                                                                                
nav ul li {                                                                     
  display: inline;                                                              
  margin: 0 10px;                                                               
}                                                                               
                                                                                
nav ul li a {                                                                   
  text-decoration: none;                                                        
  color: #333;                                                                  
}

nav ul {                                                                                                                    
  list-style-type: none;                                                                                                    
  padding: 0;                                                                                                               
}                                                                                                                           
                                                                                                                            
nav ul li {                                                                                                                 
  display: inline;                                                                                                          
  margin: 0 10px;                                                                                                           
  position: relative;                                                                                                       
}                                                                                                                           
                                                                                                                            
nav ul li a {                                                                                                               
  text-decoration: none;                                                                                                    
  color: #333;                                                                                                              
}                                                                                                                           
                                                                                                                            
.dropdown-content {                                                                                                         
  display: none;                                                                                                            
  position: absolute;                                                                                                       
  background-color: #f9f9f9;                                                                                                
  min-width: 160px;                                                                                                         
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);                                                                             
  z-index: 1;                                                                                                               
}                                                                                                                           
                                                                                                                            
.dropdown-content a {                                                                                                       
  color: black;                                                                                                             
  padding: 12px 16px;                                                                                                       
  text-decoration: none;                                                                                                    
  display: block;                                                                                                           
}                                                                                                                           
                                                                                                                            
.dropdown-content a:hover {                                                                                                 
  background-color: #f1f1f1;                                                                                                
}                                                                                                                           
                                                                                                                            
.dropdown:hover .dropdown-content {                                                                                         
  display: block;                                                                                                           
}