@import url('https://fonts.googleapis.com/css2?family=Aleo&display=swap');


body {
  font-family: 'Aleo', sans-serif;
  margin: 10;
}

.banner {
  background-color: #F7F9FA;
  color: black;
  padding: 10px;
  text-align: center;
  font-size: 80px;
  text-align: center;
  outline-width: 10px;
  outline-color: #000000
}

.banner img {
  width: 100px;
  height: 100px;
  margin: auto;
  display: flex-end;
  align-items: right;
}

.footer {
    background-color: #F7F9FA;
    color: black;
    padding: 10px;
    text-align: center;
    font-size: 10px;
    text-align: center;
    outline-width: 10px;
    outline-color: #000000;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  
  .footer img {/*
    width: 200px;
    height: 100px;*/
    transform: scale(0.3);
    margin: auto;
    display: flex-end;
    position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:contain
  }


.logoutButton {
  display: inline-block;
  padding: 5px 20px;
  background-color: #4285f4;
  color: #fff;
  text-decoration: none;
  font-size: 24px;
  border-radius: 8px;
  float: right;
  transition: background-color 0.3s ease;
}

.logoutButton:hover {
  background-color: #1356ef;
}


a .button{
  display: inline-block;
  padding: 10px 20px;
  background-color: #4285f4;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

a:hover .button{
  background-color: #1356ef;
}