:root {
  --white900: #ffffff;
  --blueGray100: #eceff1;
  --aqua500: #009393;
}
body {
  background: var(--white900);
  color: rgba(0, 0, 0, 0.87);
  font-family: Roboto, Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
}
.h-flex {
  display: flex;
}
.fill {
  flex: 1;
}

.ov-none {
  overflow: hidden;
}

.ov-auto {
  overflow: auto;
}
header {
  background-color: var(--white900);
  z-index: 2;
}
.header-menu a {
  margin-right: 10px;
  text-decoration: underline var(--aqua500);
  color: black;
}

.header-menu a.selected {
  text-decoration: none;
}
a:hover {
  text-decoration: solid var(--blueGray100);
  cursor: pointer;
}

.align-end {
  justify-content: end;
}

.margin-10 {
  margin: 10px;
}

.btn-blue {
  background-color: var(--aqua500);
  border-radius: 20px;
  border: none;
  padding: 12px;
  color: var(--white900);
}

.btn-u-blue {
  background-color: var(--white900);
  border-radius: 20px;
  border: 1px solid var(--aqua500);
  padding: 12px;
  color: var(--aqua500);
}

button:hover {
  cursor: pointer;
}

.pos-rel {
  position: relative;
}

.stick-top {
  position: sticky;
  top: 0;
}

.self-center {
  align-self: center;
}
@media (max-width: 600px) {
  body,
  #message {
    margin-top: 0;
    background: white;
    box-shadow: none;
  }
}