.base_font, .yufi {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; }

.yufi {
  padding: 0px;
  margin: 0px; }

.off-black, .yufi {
  color: rgba(0, 0, 0, 0.7); }

.debug {
  border: 1px solid gold; }

.column, .yufi {
  display: flex;
  flex-direction: column; }

.flex_fill {
  flex: auto; }

.f1 {
  font-size: 3rem; }

.f2 {
  font-size: 2.25rem; }

.f3 {
  font-size: 1.5rem; }

.f4 {
  font-size: 1.25rem; }

.f5, .button {
  font-size: 1rem; }

.f5, .button {
  font-size: 0.875rem; }

.flex-space-between {
  display: flex;
  justify-content: space-between; }

.fw6 {
  font-weight: 600; }

.wide-measure {
  max-width: 34em; }

.regular-measure {
  max-width: 30em; }

.narrow-measure {
  max-width: 20em; }

.container, .desktop-container {
  padding: 0em 1em; }

.desktop-container {
  max-width: 96rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }

.base-pad, header, main {
  padding: 1em 2em; 
}

.button {
  padding: .5em 1em;
  margin: .5em;
  border: 1px solid grey;
  text-decoration: none; }

.dropdown {
  position: relative;
  display: inline-block; }
  .dropdown .caron-down {
    content: #9660; }
  .dropdown .content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 12px 16px;
    z-index: 1; }
  .dropdown:hover .content {
    display: block; }

.unstyle {
  text-decoration: none; }
  .unstyle:hover, .unstyle:focus, .unstyle:visited {
    color: unset;
    text-decoration: none; }

.box {
  border: 1px solid #002A32;
  border-radius: 2px;
  width: 150px;
  height: 150px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center; }

.title {
  font-size: 3rem;
  font-weight: 600;
  margin: 0.67em 0px; }

.subtitle {
  font-size: 1.25rem;
  max-width: 34em;
  line-height: 1.5; }

body {
  font-size: 16px; }
  body .yufi {
    display: block;
    padding: 0px;
    margin: 0px; }

input[type="text"] {
  font-size: inherit; }

header {
  font-size: 1.25rem;
  font-weight: 600;
  border-bottom: 1px solid lightgrey; }

.yufi-version-num {
  font-size: 0.875rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  font-weight: 200; }

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