/*
  NOTE: This CSS file is maintained for legacy purposes.
  Wherever possible, use Tailwind CSS for styling instead of custom CSS.
  The goal is to transition fully to Tailwind and phase out these styles over time.
*/

*,
::before,
::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  font-family: Avenir, sans-serif;
  line-height: 1.428571429;
  color: #fff;
  background-color: black;
}

audio,
progress,
video {
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

a:active,
a:hover {
  outline: none;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 1px;
  margin-top: 45px;
  margin-bottom: 22px;
  border: 0;
  background: rgba(255, 255, 255, 0.2);
}

pre {
  overflow: auto;
}

pre {
  font-family: monospace;
}

button,
input,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button,
html input[type=button],
input[type=submit] {
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: not-allowed;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
}

td,
th {
  padding: 0;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

a {
  color: #33bbff;
  text-decoration: none;
}
a:hover, a:focus {
  color: #33bbff;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

[role=button] {
  cursor: pointer;
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small {
  font-weight: 400;
  line-height: 1;
  color: rgb(119.085, 119.085, 119.085);
}

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 22px;
  margin-bottom: 11px;
}
h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%;
}

h4, .h4,
h5, .h5 {
  margin-top: 11px;
  margin-bottom: 11px;
}
h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small {
  font-size: 75%;
}

h1, .h1 {
  font-size: 41px;
}

h2, .h2 {
  font-size: 34px;
}

h3, .h3 {
  font-size: 28px;
}

h4, .h4 {
  font-size: 20px;
}

h5, .h5 {
  font-size: 16px;
}

p {
  margin: 0 0 11px;
}

small,
.small {
  font-size: 87%;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

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

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

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

ul,
ol {
  margin-top: 0;
  margin-bottom: 11px;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}


dl {
  margin-top: 0;
  margin-bottom: 22px;
}

blockquote {
  padding: 11px 22px;
  margin: 0 0 22px;
  font-size: 20px;
  border-left: 5px solid transparent;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.428571429;
  color: #8a9199;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "— ";
}


blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid transparent;
  border-left: 0;
}

blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: "";
}

blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: " —";
}

address {
  margin-bottom: 22px;
  font-style: normal;
  line-height: 1.428571429;
}

h1,
h2,
h3,
h4 {
  letter-spacing: -0.02em;
  text-rendering: optimizelegibility;
}

h2 {
  font-family: "Avenir Next", sans-serif;
  font-weight: 100;
}