body, html {  
    margin: 0;  
    padding: 0;  
    width: 100%;  
    height: 100%;  
    background-color: #ffffff; /* White background */  
    color: #00072d; /* Dark navy blue text */  
    font-family: Arial, sans-serif;  
    display: flex;  
    flex-direction: column;  
    align-items: center;  
}  

.top-menu {  
    width: 100%;  
    background-color: #00072d; /* Dark navy blue background */  
    padding: 10px 0;  
}  

.top-menu nav ul {  
    list-style: none;  
    display: flex;  
    justify-content: center;  
    padding: 0;  
}  

.top-menu nav ul li {  
    margin: 0 15px;  
}  

.top-menu nav ul li a {  
    color: #ffffff; /* White text */  
    text-decoration: none;  
    font-size: 1em;  
}  

.logo-container {  
    text-align: center;  
    margin-top: 150px;  
}  

canvas {  
    margin-bottom: 20px;  
}  

.company-name {  
    font-family: 'EB Garamond', serif;  
    font-size: 3em;  
    margin: 0;  
}  

.slogan {  
    font-family: 'Graphik', sans-serif;  
    font-weight: 100;  
    font-style: italic;  
    font-size: 1.5em;  
    margin: 5px 0 0 0;  
}