body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Varela Round", "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
h1 {
  font-size: 28px;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  line-height: 32px;
}
h3 {
  font-size: 24px;
  font-style: normal;
  font-variant: normal;
  font-weight: 800;
  line-height: 24px;
}
p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 24px;
}
blockquote {
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 19px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 24px;
}
pre {
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  font-size: 15px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 24px;
}
* {
  box-sizing: border-box;
}
#root {
  display: flex;
  flex: 1;
  width: 100%;
  max-width: 100%;
  flex-direction: column;
}
html,
body {
  background: #1a1c1a;
  padding: 0;
  margin: 0;
  width: 100%;
}
h1,
h2,
h3,
h4,
h5,
p {
  color: #1a1c1a;
}
a {
  color: #5ADA7A;
  text-decoration: none;
}
h1 {
  line-height: 24px;
  font-size: 36px;
  margin-top: 48px;
  margin-bottom: 24px;
}
h2 {
  font-size: 24px;
  line-height: 24px;
  margin-top: 48px;
  margin-bottom: 12px;
}
h3 {
  font-size: 24px;
  line-height: 24px;
  margin-top: 24px;
  margin-bottom: 12px;
}
p {
  line-height: 24px;
  margin-top: 6px;
  margin-bottom: 12px;
}
ul {
  margin-top: 12px;
  margin-bottom: 12px;
  padding-left: 48px;
}
ul li {
  line-height: 24px;
}
button {
  background-color: #e3eaec;
  line-height: 24px;
  border: none;
}
button:hover {
  background-color: #5ADA7A;
}
form input {
  border: none;
  padding: 4px;
  min-height: 24px;
}
hr {
  border: none;
  height: 1px;
  margin: 0;
  margin-top: 48px;
  margin-bottom: 96px;
  background: #94A3A9;
}
a {
  text-decoration: none;
}
p a {
  text-decoration: underline;
}
pre {
  color: #1a1c1a;
  background: #F3F6F7;
  padding: 12px;
  margin-top: 0;
  margin-bottom: 24px;
  border-radius: 2px;
}
::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #94A3A9;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #94A3A9;
  opacity: 1;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #94A3A9;
  opacity: 1;
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #94A3A9;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Varela Round", "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
h1 {
  font-size: 28px;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  line-height: 32px;
}
h3 {
  font-size: 24px;
  font-style: normal;
  font-variant: normal;
  font-weight: 800;
  line-height: 24px;
}
p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 24px;
}
blockquote {
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 19px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 24px;
}
pre {
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  font-size: 15px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 24px;
}
.project {
  display: flex;
  flex-direction: row;
  min-height: 360px;
  margin-bottom: 24px;
}
@media only screen and (max-device-width: 800px) {
  .project {
    flex-direction: column;
  }
}
@media only screen and (max-width: 800px) {
  .project {
    flex-direction: column;
  }
}
.project h1 {
  font-size: 48px;
  line-height: 48px;
  margin-top: 48px;
}
.project-profile {
  width: 180px;
  padding: 12px;
  margin: 0;
  margin-top: 48px;
  margin-right: 24px;
  background: #fff;
  border-radius: 8px;
  box-sizing: padding-box;
}
.project-profile > img {
  border-radius: 2px;
}
.project-meta {
  position: absolute;
  display: flex;
  top: 48px;
  right: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
.license .fa {
  margin-right: 12px;
}
.short-description {
  font-size: 24px;
  line-height: 36px;
  margin-top: 24px;
  margin-bottom: 12px;
}
.project-info {
  display: flex;
  flex-direction: row;
  flex: 1;
  position: relative;
  padding-bottom: 48px;
  background: #fff;
}
.project-tools {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex: 1;
}
@media only screen and (max-device-width: 800px) {
  .project-tools {
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 800px) {
  .project-tools {
    justify-content: flex-start;
  }
}
.project-tools > a {
  padding: 0 24px;
  color: #fff;
  font-family: "Varela Round", "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif;
  font-size: 18px;
  text-align: center;
  background-color: #FF735C;
  line-height: 48px;
  min-width: 192px;
  margin-top: 48px;
  border-radius: 4px;
}
.project-tools > a:hover {
  background-color: #ff664d;
}
.readme {
  margin-top: 12px;
  margin-bottom: 96px;
  background: #fff;
  border-radius: 2px;
  padding: 24px;
  box-sizing: padding-box;
}
.readme img {
  max-width: 99%;
}
.readme pre {
  overflow: auto;
  max-width: 100%;
}
.keywords {
  margin-top: 12px;
  margin-bottom: 12px;
  line-height: 48px;
}
.dependencies,
.usedBy {
  margin-top: 12px;
  margin-bottom: 24px;
  line-height: 48px;
}
.keywords a.tag,
.dependencies a.tag,
.usedBy a.tag {
  display: inline-block;
  font-size: 15.6px;
  min-width: 24px;
  line-height: 36px;
  padding: 0 12px;
  color: #1a1c1a;
  background: #fff;
  margin-right: 12px;
  border-radius: 2px;
}
.keywords a.tag:hover,
.dependencies a.tag:hover,
.usedBy a.tag:hover {
  color: #fff;
  background: #FF735C;
}
.flex {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.one-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 12px;
}
.app {
  display: flex;
  flex-direction: column;
}
.main {
  display: flex;
  flex-direction: column;
  color: #fff;
  background: #5ADA7A;
}
.main h1,
.main h2,
.main h3,
.main h4,
.main h5,
.main h6,
.main p {
  color: #fff;
}
.main a {
  color: #fff;
}
.page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 480px;
}
.view {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  max-width: 1024px;
  margin: 0;
  padding: 0;
  flex-shrink: 0;
}
.content-background {
  color: #1a1c1a;
  background: #fff;
}
.content-background h1,
.content-background h2,
.content-background h3,
.content-background h4,
.content-background h5,
.content-background h6,
.content-background p {
  color: #1a1c1a;
}
.content-background a {
  color: #5ADA7A;
}
.well {
  background-color: #F3F6F7;
}
.well h1,
.well h2,
.well h3,
.well h4,
.well h5,
.well h6,
.well p {
  color: #1a1c1a;
}
.highlight {
  background: #fff;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Varela Round", "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
h1 {
  font-size: 28px;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  line-height: 32px;
}
h3 {
  font-size: 24px;
  font-style: normal;
  font-variant: normal;
  font-weight: 800;
  line-height: 24px;
}
p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 24px;
}
blockquote {
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 19px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 24px;
}
pre {
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  font-size: 15px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 24px;
}
.header {
  display: block;
  height: 72px;
  min-height: 72px;
}
.header .header-bar {
  position: fixed;
  display: flex;
  width: 100vw;
  max-width: 100vw;
  flex: 1;
  flex-grow: 1;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-height: 72px;
  color: #1a1c1a;
  background: #fff;
  border-bottom: 1px solid #e3eaec;
  z-index: 99;
  margin: 0;
  padding: 0 12px;
}
.header .header-stuff {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.header ul.nav {
  list-style-type: none;
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}
.header ul.nav > li {
  padding: 0;
  padding-left: 0;
  margin: 0;
  margin-right: 24px;
  vertical-align: text-bottom;
  line-height: 48px;
  font-family: "Varela Round", "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif;
}
.header .nav > li a {
  color: #94A3A9;
  font-size: 18px;
  padding: 12px 0;
}
.header .nav > li:first-child a {
  color: #5ADA7A;
  font-size: 24px;
}
.header .nav > li:first-child a:hover {
  color: #5ADA7A;
}
.header .nav > li a:hover {
  color: #1a1c1a;
  transition: color 200ms ease-in-out;
}
.searchbar {
  display: flex;
  flex: 1;
  flex-grow: 2;
}
.searchbar form {
  display: flex;
  flex: 1;
  align-items: stretch;
  margin: 0;
  padding: 0;
  border: none;
  background: #F3F6F7;
  border-radius: 2px;
}
.searchbar input {
  display: flex;
  min-width: 72px;
  line-height: 48px;
  vertical-align: middle;
  width: 100%;
  background: transparent;
  padding: 0 24px;
  margin: 0;
}
.searchbar button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 0;
  color: #94A3A9;
  min-width: 72px;
  background: transparent;
  cursor: pointer;
}
.searchbar button:hover {
  background: transparent;
  border: none;
}
.searchbar form:focus,
.searchbar input:focus,
.searchbar input:hover,
.searchbar button:hover,
.searchbar button:focus {
  color: #1a1c1a;
  outline: none;
  border: none;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Varela Round", "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
h1 {
  font-size: 28px;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  line-height: 32px;
}
h3 {
  font-size: 24px;
  font-style: normal;
  font-variant: normal;
  font-weight: 800;
  line-height: 24px;
}
p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 24px;
}
blockquote {
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 19px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 24px;
}
pre {
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  font-size: 15px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 24px;
}
.footer > div {
  margin-right: 48px;
}
.footer > div:last-child {
  margin-right: 0;
}
.footer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  color: #fff;
  padding: 0;
  margin: 0;
  margin-top: 12px;
}
@media only screen and (max-device-width: 800px) {
  .footer {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 800px) {
  .footer {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer p,
.footer a {
  color: #fff;
}
.footer a {
  color: #e3eaec;
  font-family: "Varela Round", "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif;
  text-decoration: none;
}
.footer a:hover {
  color: #fff;
}
.footer h1,
.footer h1 a {
  color: #fff;
}
.footer ul {
  list-style: none;
  padding: 0;
}
.footer ul li {
  font-size: 24px;
  line-height: 36px;
  margin: 0;
  padding: 0;
}
.footer .quicklinks {
  margin-top: 48px;
  flex-direction: column;
  flex-grow: 1;
}
.footer .quicklinks li a {
  font-size: 24px;
}
.footer .newsletter {
  margin-top: 48px;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  flex-grow: 2;
  margin-right: 0;
}
@media only screen and (max-device-width: 800px) {
  .footer .newsletter {
    flex-grow: 1;
  }
}
@media only screen and (max-width: 800px) {
  .footer .newsletter {
    flex-grow: 1;
  }
}
.footer .newsletter a.button {
  display: inline-block;
  padding: 0 24px;
  color: #1a1c1a;
  font-family: "Varela Round", "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif;
  font-size: 18px;
  text-align: center;
  background-color: #e6e6e6;
  line-height: 48px;
  min-width: 192px;
  margin-top: 12px;
  border-radius: 4px;
}
.footer .newsletter a.button:hover {
  background-color: #fff;
  transition: background-color 200ms linear;
}
.footnote {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 96px;
  margin-bottom: 24px;
  padding: 12px;
  vertical-align: middle;
  font-family: "Varela Round", "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif;
}
.footnote h1,
.footnote h2,
.footnote h3,
.footnote h4,
.footnote h5,
.footnote p,
.footnote a {
  color: #fff;
}
.footnote a {
  text-decoration: none;
}
.footnote .logo {
  margin-right: 24px;
  max-width: 48px;
}
.footnote > .inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.progressbar {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  height: 2px;
  width: 100vw;
  max-width: 100vw;
  z-index: 999;
  margin: 0;
  padding: 0;
}
.progressbar * {
  display: block;
  background: #5ADA7A;
  height: 100%;
}
.user {
  display: flex;
  flex-direction: row;
  min-height: 360px;
  align-items: flex-start;
  justify-content: flex-start;
}
.user h1 {
  font-size: 48px;
  line-height: 48px;
  margin-top: 60px;
}
.user-profile {
  width: 180px;
  padding: 12px;
  margin: 0;
  margin-top: 48px;
  margin-right: 24px;
  background: #fff;
  border-radius: 8px;
  box-sizing: padding-box;
}
.user-profile > img {
  border-radius: 2px;
}
.projects {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  margin-bottom: 120px;
}
.project-info {
  display: flex;
  flex-direction: row;
  margin-top: 24px;
}
.project-info .project-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  max-width: 120px;
  height: 120px;
  margin-top: 36px;
  margin-right: 24px;
  padding: 12px;
  background: #fff;
  border-radius: 8px;
  border: none;
  box-sizing: padding-box;
}
.project-info .project-logo > img {
  width: 120px;
  border-radius: 2px;
}
.project-info .project-details {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.project-info .project-header {
  display: flex;
  flex: 1;
  flex-direction: row;
}
.project-info .project-title {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.project-info ul.stats {
  color: #1a1c1a;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  padding-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: auto;
}
.project-info ul.stats > li {
  padding: 0;
  margin-left: 0;
  margin-right: 24px;
  min-width: 96px;
}
.project-info ul.stats > * > .fa {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: #FF735C;
  color: #fff;
  border-radius: 100%;
  font-size: 24px;
  line-height: 48px;
  text-align: center;
  vertical-align: middle;
  margin-right: 12px;
}
.project-info .license {
  color: #1a1c1a;
}
.project-info a .license {
  color: #5ADA7A;
}
.project-info .description {
  margin-top: 12px;
}
h1.search {
  margin-top: 48px;
  margin-bottom: 12px;
  font-size: 36px;
  line-height: 48px;
}
.results {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}
.pager {
  margin-top: 96px;
  margin-bottom: 144px;
}
.pager .number,
.pager .previous,
.pager .next {
  color: #1a1c1a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  font-size: 24px;
  background: #e3eaec;
  border-radius: 60px;
  margin-right: 12px;
  margin-bottom: 12px;
}
.pager a.number:hover,
.pager .previous:hover,
.pager .next:hover {
  color: #fff;
  background-color: #FF735C;
  transition: background-color 100ms linear;
}
.pager .number.current,
.pager .number.current:hover {
  color: #fff;
  background: #5ADA7A;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Varela Round", "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
h1 {
  font-size: 28px;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  line-height: 32px;
}
h3 {
  font-size: 24px;
  font-style: normal;
  font-variant: normal;
  font-weight: 800;
  line-height: 24px;
}
p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 24px;
}
blockquote {
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 19px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 24px;
}
pre {
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  font-size: 15px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 24px;
}
.jumbotron {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  flex-direction: row;
  color: #fff;
  background: #5ADA7A;
  min-height: 360px;
  margin-bottom: 24px;
  align-items: center;
  justify-content: center;
}
.jumbotron h1 {
  color: #fff;
  font-size: 36px;
  line-height: 48px;
}
.megatext {
  max-width: 819.2px;
  margin-top: 24px;
}
.megatext h1 {
  font-size: 36px;
  line-height: 60px;
  margin-top: 48px;
  margin-bottom: 24px;
}
.package-boxes {
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  margin-top: 48px;
  padding: 0;
}
.featured-packages {
  margin-top: 24px;
  margin-bottom: 96px;
}
.package-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 24px;
  margin-bottom: 24px;
  padding: 0;
  min-width: 144px;
  min-height: 144px;
  background: #fff;
  border-radius: 8px;
}
.package-box img {
  display: block;
  max-width: 84px;
  min-width: 84px;
  transition: max-width ease-in-out 100ms;
}
a.package-box {
  cursor: pointer;
}
a.package-box:hover img {
  max-width: 90px;
}
ul.instructions {
  display: flex;
  align-self: stretch;
  min-height: 660px;
  border-radius: 2px;
  color: #1a1c1a;
  background: #F3F6F7;
  padding: 24px;
  padding-bottom: 48px;
  margin-bottom: 48px;
}
ul.instructions pre {
  color: #1a1c1a;
  background-color: #fff;
}
ul.instructions .panel {
  left: 24px;
  margin-top: 24px;
}
ul.instructions ol.steps {
  display: block;
  padding: 0;
  padding-left: 24px;
  margin: 0;
  list-style-position: inside;
  list-style-type: none;
  counter-reset: item;
}
ul.instructions ol.steps > li {
  counter-increment: item;
  padding: 0;
  padding-left: 72px;
  margin: 0;
  margin-bottom: 24px;
  text-indent: 0;
  min-height: 48px;
  position: relative;
}
ul.instructions ol.steps > li::before {
  content: counter(item);
  background: #5ADA7A;
  border-radius: 100%;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
}
ul.instructions label {
  font-family: "Varela Round", "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 48px;
  min-height: 48px;
  min-width: 168px;
  margin-right: 24px;
  margin-bottom: 12px;
  display: inline-flex;
  font-size: 24px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #FF735C;
  border: 2px solid #FF735C;
  background: #fff;
  padding: 0 12px;
  cursor: pointer;
}
ul.instructions label:hover {
  color: #fff;
  background: #FF735C;
}
ul.instructions label .fa {
  margin-right: 12px;
}
ul.instructions input[type=radio]:checked ~ label {
  color: #fff;
  background: #FF735C;
}
dl.reasons {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 48px;
  margin-bottom: 144px;
}
@media only screen and (max-device-width: 800px) {
  dl.reasons {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 800px) {
  dl.reasons {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
dl.reasons .icon {
  display: inline-flex;
  font-size: 24px;
  align-items: center;
  justify-content: center;
  align-self: center;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  color: #fff;
  background: #FF735C;
  margin-top: 36px;
  margin-right: 12px;
}
dl.reasons di {
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin: 0;
  margin-right: 24px;
  min-width: 240px;
}
dl.reasons di:last-child {
  margin-right: 0;
}
dl.reasons di dt {
  display: flex;
  flex: 1;
  flex-direction: row;
  font-size: 24px;
  align-items: center;
  justify-content: flex-start;
  line-height: 48px;
  margin: 0;
  padding: 0;
}
dl.reasons di dd {
  display: flex;
  flex-direction: column;
  margin: 0;
  margin-top: 24px;
  padding: 0;
  flex: 1;
  line-height: 24px;
  font-size: 18px;
  min-height: 120px;
}
dl.reasons di dd p {
  font-size: 18px;
  line-height: 32px;
}
.tabs {
  position: relative;
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: visible;
}
.tabs .tab {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.tabs .tab:first-child {
  margin-left: 0;
}
.panel {
  display: none;
  position: absolute;
  top: 96px;
  left: 0;
}
.tabs input[type=radio] {
  display: none;
}
.tabs .tab label {
  cursor: pointer;
}
input[type=radio]:checked ~ .panel {
  display: flex;
  flex-direction: column;
}
.terminal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 48px;
  margin-bottom: 24px;
  min-width: 120px;
  max-width: 100%;
  min-height: 72px;
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  font-size: 36px;
  padding: 0 24px;
  background: #fff;
  color: #1a1c1a;
  border-radius: 2px;
}

/*# sourceMappingURL=app-c8a7d46be8989f1af18e.css.map*/