body {
  background: #ccc;
}
    
body {font-family: "Lato", sans-serif;}
    

.tablink {
  background-color: #555;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
  width: 25%;
}

.tablink:hover {
  background-color: #777;
}

/* Style the tab content */
.tabcontent {
  color: black;
  background-color: transparent;
    font-size:3vh;
  display: none;
  padding: 20px;
  text-align: center;
}
    .buton {
        
    width: 35px;
    background-color: transparent;
    padding: 3px;
    position: relative;
    float: right;  
    border-color: transparent
        
    }
    
    .buton2 {
        
    width: 50px;
    background-color: transparent;
    padding: 0px;
    position: relative;
    float: right;
    border-color: transparent
    }
    
    .buton3 {
        
      width: 35px;
    background-color: transparent;
    padding: 5px;
    position: relative;
    float: right;  
    border-color: transparent    
    }
    
    

#London {background-color:;}
#Paris {background-color:;}
#Tokyo {background-color:;}
#Oslo {background-color:;}
    
    
    .footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: ;
   color: white;
   text-align: center;
}
    
    .header {
    color: #ffffff;
    background-color: #555;
    font-size:25px;
    text-align: left;
        border-top-color: aqua
    
    font-family: sans-serif;
    line-height: 1.5;    
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; 
        
}