:root{
  --blue: #0151ca;
  --red: #ee8277;
  --green: #b5e73c;
}

.banner{
  width: 100%;
  outline-style: solid;
  outline-color: white;
  border-radius: 20px;
}

.padded{
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
  outline-style: solid;
  outline-color: white;
  border-radius: 20px;
}

.inline-block{
  display: inline-block;
}

.inline-link{
  text-decoration-line: underline;
  text-decoration-style: wavy;
}

.blue-text{
  color: var(--blue);
}

.overline{
  text-decoration-line: overline underline;
}

#tab-bar{
  display: flex;
  margin-bottom: 20px;
  background-color: rgba(250,250,250,.75);
  outline-style: solid;
  outline-color: white;
  padding: 10px;
  border-radius: 20px;
  gap: 20px;
  padding-left: 20px;
}

html{
  background-color: var(--red);
  margin: 20px;
}

body{
  max-width: 800px;
  justify-content: center;
  align-items: center;
  margin: auto;
}

text{
  color: white;
  font-family: sans-serif;
  font-size: 16px;
}

::selection{
  color: black;
  background-color: var(--green);
  border-radius: 20px;
}