.header{
    display:flex;
    align-items: center;
    justify-content: center;
    font-size:28pt;
    font-weight: bold;
    text-transform:capitalize; 
    background-color:grey; 
    color:white;
    padding-top: 5px;
}

.navbar{
    display:flex;
    align-items: center;    
    justify-content: right;
    height:25px;
    background-color: grey;
    color:white;
    padding-left: 20px;
    padding-right: 20px;
}
.links{
    font-weight: bold;  
    gap:20px;
    padding: 5px;
    font-size: 20px;
}

.navfoot{
    display:flex;
    align-items: center;
    justify-content: space-between;   
    gap:10px; 
    font-weight:bold;  
    font-size: small;   
    color:var(--textSoft);
    background-color:whitesmoke; 
    padding-bottom: 0px;
    width:90%     
}


.footer{
    display:flex;
    align-items: center;  
    justify-content: center;
    background-color:white; 
    height:10; 
    padding-bottom: 2px;
    font-size:x-small; 
    color:lightgrey;    
}