body {
  font-family: "Exo 2", sans-serif;
  font-weight: "400";
  color: #555; }

h1, h2 {
  color: #E65825; }

h1 {
  font-size: 3rem; }

h2 {
  font-size: 2rem; }

h3 {
  font-size: 1.5rem; }

h4 {
  font-size: 1.25rem; }

.center-text {
  text-align: center; }

.inline {
  display: inline; }

.half {
  width: 40%;
  margin: auto; }

.hide {
  display: none; }

.invert {
  color: #fff;
  background-color: #555; }

.full-size {
  width: 100%; }

button {
  border: 2px solid #555;
  border-radius: 10px;
  background-color: #fff;
  font-family: "Exo 2", sans-serif;
  font-size: 1.25rem;
  margin: 5px;
  padding: 0.5rem;
  min-width: 10rem;
  color: #555; }

button.stretch {
  width: 100%;
  font-size: 2rem; }

button:hover {
  color: #fff;
  background-color: #555; }

button:disabled,
button[disabled],
button:disabled:hover {
  color: #C4C4C4;
  border: 2px solid #C4C4C4;
  background-color: #fff;
  cursor: not-allowed; }

.container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row; }

.container > div {
  flex-basis: 50%; }

.outer > div {
  text-align: center; }

.divider {
  width: 50%;
  margin-top: 3rem;
  margin-bottom: 3rem;
  color: #555;
  height: 4px;
  background-color: #555; }

@media (pointer: coarse) {
  .container > div {
    flex-basis: 100%; }

  .half {
    width: 90%; }

  h1 {
    font-size: 5rem; }

  h2 {
    font-size: 4rem; }

  h3 {
    font-size: 3.5rem; }

  h4 {
    font-size: 3.25rem; }

  button {
    font-size: 3rem; } }

/*# sourceMappingURL=main.css.map */