body 
  {
    background-color:336599;    
  }

#logo 
{
    z-index: -2;
    opacity: 0.9; 
    max-height: 90%; 

    /*Centering image horizontally*/
    display: block; 
    margin: auto;

    /*Centering image vertically*/
    position: absolute;
    top: 50%;                      
    left: 48.5%; /*compensates for the logo image itself is off center*/
    transform: translate(-50%, -50%);
}

#box
{
    z-index: -1;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0%;                      
    left: 0%;
    opacity: 0.5;
    background-color: 336599;
}

#languageButtonContainer
{
  position: fixed; 
  display: flex;
  top: 10px;
  right: 10px;
  column-gap: 10px;
  justify-content: space-between;
}

.languageButtonIcon
{
  position: flex;
  width: 50px;
  height: 50px;
}

.languageButton
{
  background: transparent;
  border: none ;
}