body {
  margin: 0;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}

a, span {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

#header {
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  padding: 20px;
  background-color: #ffea61;
  display: flex;
  align-items: center;
  gap: 20px;
}

.underlined {
  text-decoration: underline !important;
}

#header img {
  width: 50px;
  height: 50px;
}

#header a {
  text-decoration: none;
}

#page {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

#content {
    flex: 1;
    width: 100vw;
    overflow: auto;
    display: flex;
    flex-direction: column;
}

.banner {
  width: 60%;
  margin-inline: auto;
}

#footer {
  position: absolute;
  display: flex;
  gap: 5rem;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  background-color: #ffea61;
}