body {
  font-family: "Public Sans", sans-serif;
  font-size: 120%;
  font-weight: 200;
}

h1 {
  font-weight: 300;
  letter-spacing: 8px;
}

h3 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
}

.lighter {
  font-weight: 200;
}

.bolder {
  font-weight: 400;
}

.opacity-trans {
  opacity: 0;
}

.opacity-1 {
  opacity: 0.1;
}

.opacity-2 {
  opacity: 0.2;
}

.opacity-3 {
  opacity: 0.3;
}

.opacity-4 {
  opacity: 0.4;
}

.opacity-5 {
  opacity: 0.5;
}

.opacity-6 {
  opacity: 0.6;
}

.opacity-7 {
  opacity: 0.7;
}

.opacity-8 {
  opacity: 0.8;
}

.opacity-9 {
  opacity: 0.9;
}

.opacity-full {
  opacity: 1;
}

.progbartxt {
  font-size: 140%
}

.table>tbody>tr>td {
  cursor: pointer;
}

.table>tbody>tr>td[colspan] {
  padding: 0;
}

.first_row {
  height: 100vh;
}

.paral {
  min-height: 500px;
}

.max-width {
  max-width: 400px;
}

.box-shadow {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.text-shadow {
  text-shadow: 1px 1px black;
}

@media screen and (max-width: 850px) {
  ul.flextypo {
    font-size: 16px;
  }
}