.infobox {
  width: 200px;
}
@media (min-width: 500px) {
  .infobox {
    display: inline;
    float: right;
    margin: 0 0 0 0.5rem !important;
  }
}
.infobox .avatar-stack {
  height: 300px;
}
.infobox .avatar-stack img {
  border-radius: 0.5rem !important;
}
.infobox > div:last-child {
  display: flex;
  margin-top: 0.5rem;
  justify-content: center;
}

.public-key {
  background-color: #f8f8f8;
  border-radius: 10px;
  border: 3px solid #ccc;
  color: #cc2255;
  font-family: monospace;
  font-size: 0.7rem;
  overflow-x: auto;
  padding: 1rem;
}

.where {
  padding-top: 3rem;
  text-align: center;
}
.where p {
  color: #818181;
  font-size: 0.8rem;
  font-style: italic;
  letter-spacing: 0.05rem;
  margin-top: 0.5rem;
}
.where img {
  border-radius: 10px;
}
@media (min-width: 700px) {
  .where img {
    width: 70%;
  }
}

.image-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
}
.image-grid .grid-item {
  margin: 0;
  flex-grow: 1;
}
@media screen and (min-width: 600px) {
  .image-grid .grid-item:last-child {
    flex-grow: 0;
  }
}

.albums {
  margin-top: 1rem;
}
.albums .album-container {
  text-align: center;
}
.albums .album-container img.thumbnail {
  display: block;
  border-radius: 5px;
  height: 12rem;
  object-fit: cover;
  width: 100%;
}

.album .photo img.thumbnail {
  border-radius: 5px;
  height: 9rem;
  object-fit: cover;
  width: 100%;
}
.album .photo a:target ~ .close,
.album .photo a:target ~ .previous,
.album .photo a:target ~ .next {
  display: block;
}
.album .photo a:target + .backdrop {
  align-items: center;
  display: flex;
  justify-content: center;
}
.album .photo .backdrop {
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  height: 100%;
  height: 100dvh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.album .photo .modal {
  background-color: #1E1E1E;
  box-shadow: 0 0 20px #000;
  max-height: 90dvh;
  max-height: 90vh;
  max-width: 90vw;
}
.album .photo .modal img, .album .photo .modal video {
  max-height: 80dvh;
  max-height: calc(90vh - 3rem);
  max-width: 90vw;
}
.album .photo .modal .caption {
  color: #fff;
  padding: 0.5rem;
  text-align: center;
}
.album .photo .close,
.album .photo .previous,
.album .photo .next {
  display: none;
  position: fixed;
}
.album .photo .close svg,
.album .photo .previous svg,
.album .photo .next svg {
  fill: #fff;
}
.album .photo .close {
  height: 2rem;
  padding: 1rem;
  right: 0;
  top: 0;
  width: 2rem;
}
.album .photo .previous,
.album .photo .next {
  height: 2rem;
  padding: 2rem;
  top: 50%;
  transform: translate(0%, -50%);
  width: 2rem;
}
.album .photo .previous {
  left: 1rem;
}
.album .photo .next {
  right: 1rem;
}

.avatar-stack {
  position: relative;
}
.avatar-stack img {
  border-radius: 50%;
  position: absolute;
  width: 100%;
}
.avatar-stack img:first-child {
  display: block;
  animation: hue-rotate 20s infinite;
}

@keyframes hue-rotate {
  0% {
    filter: saturate(150%) hue-rotate(0deg);
  }
  100% {
    filter: saturate(150%) hue-rotate(360deg);
  }
}
.aviation-video {
  text-align: right;
}
.aviation-video:not(:last-child) {
  margin-bottom: 30px;
}
.aviation-video video {
  width: 100%;
}

#blog-index .posts .post-link {
  font-size: 1.5rem;
}
#blog-index .posts .post-date {
  font-size: 0.9rem;
  color: #818181;
}
#blog-index .posts .post:not(:last-child) {
  border-bottom: 1px solid #818181;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
}
#blog-index .posts .read-more {
  font-size: 0.9rem;
}
#blog-index .posts img, #blog-index .posts iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.gradient-background {
  animation: gradient 10s linear infinite alternate;
  background-blend-mode: normal, normal, normal, normal, normal;
  background-color: hsl(271, 74%, 53%);
  background-image: radial-gradient(circle at var(--gradient1-x) var(--gradient1-y), var(--gradient1-color) var(--gradient1-start), transparent var(--gradient1-end)), radial-gradient(circle at var(--gradient2-x) var(--gradient2-y), var(--gradient2-color) var(--gradient2-start), transparent var(--gradient2-end)), radial-gradient(circle at var(--gradient3-x) var(--gradient3-y), var(--gradient3-color) var(--gradient3-start), transparent var(--gradient3-end)), radial-gradient(circle at var(--gradient4-x) var(--gradient4-y), var(--gradient4-color) var(--gradient4-start), transparent var(--gradient4-end)), radial-gradient(circle at var(--gradient5-x) var(--gradient5-y), var(--gradient5-color) var(--gradient5-start), transparent var(--gradient5-end));
}

@property --gradient1-color {
  inherits: false;
  initial-value: hsl(263, 100%, 89%);
  syntax: "<color>";
}
@property --gradient2-color {
  inherits: false;
  initial-value: hsl(348, 86%, 75%);
  syntax: "<color>";
}
@property --gradient3-color {
  inherits: false;
  initial-value: hsl(202, 93%, 78%);
  syntax: "<color>";
}
@property --gradient4-color {
  inherits: false;
  initial-value: hsl(343, 75%, 97%);
  syntax: "<color>";
}
@property --gradient5-color {
  inherits: false;
  initial-value: hsl(226, 58%, 58%);
  syntax: "<color>";
}
@property --gradient1-x {
  inherits: false;
  initial-value: 68%;
  syntax: "<percentage>";
}
@property --gradient1-y {
  inherits: false;
  initial-value: 54%;
  syntax: "<percentage>";
}
@property --gradient1-start {
  inherits: false;
  initial-value: 8%;
  syntax: "<percentage>";
}
@property --gradient1-end {
  inherits: false;
  initial-value: 56%;
  syntax: "<percentage>";
}
@property --gradient2-x {
  inherits: false;
  initial-value: 27%;
  syntax: "<percentage>";
}
@property --gradient2-y {
  inherits: false;
  initial-value: 37%;
  syntax: "<percentage>";
}
@property --gradient2-start {
  inherits: false;
  initial-value: 4%;
  syntax: "<percentage>";
}
@property --gradient2-end {
  inherits: false;
  initial-value: 55%;
  syntax: "<percentage>";
}
@property --gradient3-x {
  inherits: false;
  initial-value: 87%;
  syntax: "<percentage>";
}
@property --gradient3-y {
  inherits: false;
  initial-value: 68%;
  syntax: "<percentage>";
}
@property --gradient3-start {
  inherits: false;
  initial-value: 11%;
  syntax: "<percentage>";
}
@property --gradient3-end {
  inherits: false;
  initial-value: 52%;
  syntax: "<percentage>";
}
@property --gradient4-x {
  inherits: false;
  initial-value: 92%;
  syntax: "<percentage>";
}
@property --gradient4-y {
  inherits: false;
  initial-value: 59%;
  syntax: "<percentage>";
}
@property --gradient4-start {
  inherits: false;
  initial-value: 17%;
  syntax: "<percentage>";
}
@property --gradient4-end {
  inherits: false;
  initial-value: 63%;
  syntax: "<percentage>";
}
@property --gradient5-x {
  inherits: false;
  initial-value: 21%;
  syntax: "<percentage>";
}
@property --gradient5-y {
  inherits: false;
  initial-value: 83%;
  syntax: "<percentage>";
}
@property --gradient5-start {
  inherits: false;
  initial-value: 7%;
  syntax: "<percentage>";
}
@property --gradient5-end {
  inherits: false;
  initial-value: 84%;
  syntax: "<percentage>";
}
@keyframes gradient {
  0% {
    --gradient1-color: hsla(263, 100%, 89%, 1);
    --gradient1-end: 56%;
    --gradient1-start: 8%;
    --gradient1-x: 68%;
    --gradient1-y: 54%;
    --gradient2-color: hsla(348, 86%, 75%, 1);
    --gradient2-end: 55%;
    --gradient2-start: 4%;
    --gradient2-x: 27%;
    --gradient2-y: 37%;
    --gradient3-color: hsla(202, 93%, 78%, 1);
    --gradient3-end: 52%;
    --gradient3-start: 11%;
    --gradient3-x: 87%;
    --gradient3-y: 68%;
    --gradient4-color: hsla(343, 75%, 97%, 1);
    --gradient4-end: 63%;
    --gradient4-start: 17%;
    --gradient4-x: 92%;
    --gradient4-y: 59%;
    --gradient5-color: hsla(226, 58%, 58%, 1);
    --gradient5-end: 84%;
    --gradient5-start: 7%;
    --gradient5-x: 21%;
    --gradient5-y: 83%;
  }
  100% {
    --gradient1-color: hsla(184, 76%, 74%, 1);
    --gradient1-end: 63%;
    --gradient1-start: 4%;
    --gradient1-x: 14%;
    --gradient1-y: 59%;
    --gradient2-color: hsla(352, 99%, 90%, 1);
    --gradient2-end: 66%;
    --gradient2-start: 8%;
    --gradient2-x: 1%;
    --gradient2-y: 0%;
    --gradient3-color: hsla(223, 54%, 62%, 1);
    --gradient3-end: 70%;
    --gradient3-start: 13%;
    --gradient3-x: 41%;
    --gradient3-y: 78%;
    --gradient4-color: hsla(346, 81%, 78%, 1);
    --gradient4-end: 51%;
    --gradient4-start: 14%;
    --gradient4-x: 74%;
    --gradient4-y: 50%;
    --gradient5-color: hsla(305, 97%, 93%, 1);
    --gradient5-end: 68%;
    --gradient5-start: 1%;
    --gradient5-x: 23%;
    --gradient5-y: 56%;
  }
}
header.gradient-background {
  height: 300px;
  mask-image: linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0));
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.site-header {
  margin-bottom: 1rem;
  padding-top: 1rem;
}
.site-header .wrap {
  align-items: center;
  display: flex;
  justify-content: space-between;
  row-gap: 1rem;
  flex-wrap: wrap;
}
.site-header .title {
  flex-grow: 1;
  font-size: 1.6rem;
  letter-spacing: -1px;
  padding-right: 1rem;
}
.site-header .title a {
  align-items: center;
  display: flex;
}
.site-header .title .avatar-stack {
  height: 3rem;
  width: 3rem;
  margin-right: 1rem;
}
.site-header nav ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.site-header nav li {
  margin-right: 5px;
}
.site-header nav li .icon {
  height: 100%;
}
.site-header nav li .icon svg {
  display: block;
  fill: #727272;
  height: 100%;
  width: 1.75rem;
}
.site-header nav a {
  color: #727272;
  display: block;
  margin-right: 5px;
}
.site-header nav a:hover {
  color: #333;
}

iframe {
  margin-bottom: 15px;
}

@property --border-angle {
  inherits: true;
  initial-value: 0deg;
  syntax: "<angle>";
}
#index {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 0 0.5rem;
  row-gap: 1rem;
}
#index .avatar {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-top: 3rem;
}
#index .avatar .avatar-stack {
  margin-bottom: 1rem;
  height: 10rem;
  width: 10rem;
}
#index .avatar p {
  font-size: 1.5rem;
  font-weight: bold;
}
#index .avatar p.mail {
  font-size: 1.1rem;
  margin-bottom: 0.25rem;
}
#index .avatar p.key {
  font-family: monospace;
  font-size: 0.9rem;
  text-align: center;
}
#index .navigation {
  max-width: 800px;
}
@media (max-width: 800px) {
  #index .navigation {
    max-width: 500px;
  }
}
#index .navigation ul {
  column-gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 0.25rem;
  list-style: none;
}
#index .navigation a {
  color: #333;
  font-size: 1.1rem;
}
#index .icon {
  align-items: center;
  display: flex;
}
#index .icon svg {
  fill: #333;
  height: 100%;
  width: 1.75rem;
}
#index .recent-posts {
  --border-radius: 5px;
  background-color: rgba(200, 200, 200, 0.25);
  border-radius: var(--border-radius);
  padding: 1.5rem 2rem;
  position: relative;
}
@media (min-width: 800px) {
  #index .recent-posts {
    min-width: 700px;
  }
}
#index .recent-posts::before {
  animation: border-rotate 20s linear infinite forwards;
  background: linear-gradient(var(--border-angle), #614385, #516395, #197a80, rgba(255, 255, 255, 0.25));
  border-radius: var(--border-radius);
  content: "";
  inset: 0;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  padding: 0.15rem;
  pointer-events: none;
  position: absolute;
}
#index .recent-posts h3 {
  font-style: italic;
  font-weight: bold;
  margin-bottom: 1rem;
}
#index .recent-posts ul {
  margin-left: 1rem;
}
#index .recent-posts li {
  line-height: 1rem;
  margin-bottom: 0.5rem;
}
#index .recent-posts .post-date {
  color: #818181;
  font-size: 12px;
  font-style: italic;
}
#index .recent-posts a.more {
  display: block;
  font-size: 0.9rem;
}
#index .index-footer {
  font-size: 0.9rem;
  font-style: italic;
  padding-bottom: 1.75rem;
}
#index .index-footer a {
  color: #818181;
}

@keyframes border-rotate {
  0% {
    --border-angle: 0deg;
  }
  100% {
    --border-angle: 360deg;
  }
}
* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
}

body {
  background-color: #fdfdfd;
  color: #333;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

b, strong {
  font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 300;
}

hr {
  color: #333;
}

a {
  color: #197a80;
  text-decoration: none;
}
a:hover {
  color: #333;
}

small {
  color: #818181;
  font-size: 0.9rem;
}

.wrap {
  margin: 0 auto;
  max-width: 850px;
  overflow-x: auto;
  padding: 0 30px;
}
.wrap:before, .wrap:after {
  content: "";
  display: table;
}
.wrap:after {
  clear: both;
}

code {
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  color: #cc2255;
  font-size: 0.8rem;
  padding: 0px 5px;
}

pre code {
  background-color: inherit;
  border: 0;
  color: inherit;
  font-size: inherit;
  padding-left: 0;
  padding-right: 0;
}

.float-right {
  float: right;
}

div.clear {
  clear: both;
}

.page {
  margin-bottom: 30px;
}
.page ul, .page ol {
  margin-left: 2rem;
}
.page img, .page iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.page a img, .page img.inline {
  display: inline;
}
.page .breadcrumbs {
  margin-top: 0.5rem;
}

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

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

.page-header {
  margin: 10px 0;
}
.page-header h1 {
  font-size: 36px;
}
.page-header .meta {
  color: #818181;
  font-size: 15px;
}

.page-content > * {
  margin: 10px 0;
}
.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 {
  margin: 10px 0;
}
.page-content h2 {
  font-size: 32px;
}
.page-content h3 {
  font-size: 26px;
}
.page-content h4 {
  font-size: 20px;
}
.page-content blockquote {
  border-left: 4px solid #aaa;
  color: #666;
  font-size: 18px;
  font-style: italic;
  margin: 20px 0;
  padding-left: 10px;
}

.post-navigation {
  background-color: #f8f9fa;
  border-radius: 3px;
  border: 1px solid #a2a9b1;
  display: table;
  font-size: 14px;
  padding: 5px;
}
.post-navigation > p:first-child {
  font-weight: bold;
}

.pagination {
  margin: 2rem 1rem;
}

.pagination a,
.pagination span {
  color: #197a80;
  font-size: 16px;
  padding: 0.75em 1em;
}

.pagination a:hover {
  color: #333;
  text-decoration: none;
}

.pagination-current {
  background: #333;
  border-radius: 50%;
  color: #fff !important;
}

.projects-section {
  margin-bottom: 0 !important;
}
.projects-section + p {
  color: #818181;
  font-size: 0.9rem;
  font-style: italic;
  margin-top: 0;
}

.projects {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 2rem;
}

@media (max-width: 900px) {
  .projects {
    grid-template-columns: 1fr;
  }
}
.project-container {
  border-radius: 5px;
  border: 3px solid #ccc;
  display: flex;
  overflow: auto;
  padding: 5px;
}
.project-container .project-info {
  margin-left: 10px;
}
.project-container .project-image {
  flex-shrink: 0;
}
.project-container .project-image img {
  height: 100px;
  width: 100px;
}
.project-container .project-title {
  font-size: 16px;
  font-weight: bold;
}
.project-container .project-link {
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
.project-container .project-description {
  font-size: 12px;
}

.highlight {
  background-color: #272822;
  color: #f8f8f2;
  font-size: 0.75rem;
  overflow-x: auto;
  padding: 0.3rem 0.3rem;
  width: 100%;
}

.highlight .gutter {
  border-right: 3px solid #525252;
  color: #ffffff;
  padding: 0 0.6rem;
  text-align: center;
  vertical-align: top;
  width: 4%;
}

.highlight .code {
  padding-left: 0.3rem;
}

.highlight .c {
  color: #8c876f;
} /* Comment */
.highlight .err {
  color: #960050;
  background-color: #1e0010;
} /* Error */
.highlight .k {
  color: #66d9ef;
} /* Keyword */
.highlight .l {
  color: #ae81ff;
} /* Literal */
.highlight .n {
  color: #f8f8f2;
} /* Name */
.highlight .o {
  color: #f92672;
} /* Operator */
.highlight .p {
  color: #f8f8f2;
} /* Punctuation */
.highlight .cm {
  color: #8c876f;
} /* Comment.Multiline */
.highlight .cp {
  color: #f92672;
} /* Comment.Preproc */
.highlight .c1 {
  color: #8c876f;
} /* Comment.Single */
.highlight .cs {
  color: #8c876f;
} /* Comment.Special */
.highlight .ge {
  font-style: italic;
} /* Generic.Emph */
.highlight .gs {
  font-weight: bold;
} /* Generic.Strong */
.highlight .kc {
  color: #66d9ef;
} /* Keyword.Constant */
.highlight .kd {
  color: #66d9ef;
} /* Keyword.Declaration */
.highlight .kn {
  color: #f92672;
} /* Keyword.Namespace */
.highlight .kp {
  color: #66d9ef;
} /* Keyword.Pseudo */
.highlight .kr {
  color: #66d9ef;
} /* Keyword.Reserved */
.highlight .kt {
  color: #66d9ef;
} /* Keyword.Type */
.highlight .ld {
  color: #e6db74;
} /* Literal.Date */
.highlight .m {
  color: #ae81ff;
} /* Literal.Number */
.highlight .s {
  color: #e6db74;
} /* Literal.String */
.highlight .na {
  color: #a6e22e;
} /* Name.Attribute */
.highlight .nb {
  color: #f8f8f2;
} /* Name.Builtin */
.highlight .nc {
  color: #a6e22e;
} /* Name.Class */
.highlight .no {
  color: #66d9ef;
} /* Name.Constant */
.highlight .nd {
  color: #a6e22e;
} /* Name.Decorator */
.highlight .ni {
  color: #f8f8f2;
} /* Name.Entity */
.highlight .ne {
  color: #a6e22e;
} /* Name.Exception */
.highlight .nf {
  color: #a6e22e;
} /* Name.Function */
.highlight .nl {
  color: #f8f8f2;
} /* Name.Label */
.highlight .nn {
  color: #f8f8f2;
} /* Name.Namespace */
.highlight .nx {
  color: #a6e22e;
} /* Name.Other */
.highlight .py {
  color: #f8f8f2;
} /* Name.Property */
.highlight .nt {
  color: #f92672;
} /* Name.Tag */
.highlight .nv {
  color: #f8f8f2;
} /* Name.Variable */
.highlight .ow {
  color: #f92672;
} /* Operator.Word */
.highlight .w {
  color: #f8f8f2;
} /* Text.Whitespace */
.highlight .mf {
  color: #ae81ff;
} /* Literal.Number.Float */
.highlight .mh {
  color: #ae81ff;
} /* Literal.Number.Hex */
.highlight .mi {
  color: #ae81ff;
} /* Literal.Number.Integer */
.highlight .mo {
  color: #ae81ff;
} /* Literal.Number.Oct */
.highlight .sb {
  color: #e6db74;
} /* Literal.String.Backtick */
.highlight .sc {
  color: #e6db74;
} /* Literal.String.Char */
.highlight .sd {
  color: #e6db74;
} /* Literal.String.Doc */
.highlight .s2 {
  color: #e6db74;
} /* Literal.String.Double */
.highlight .se {
  color: #ae81ff;
} /* Literal.String.Escape */
.highlight .sh {
  color: #e6db74;
} /* Literal.String.Heredoc */
.highlight .si {
  color: #e6db74;
} /* Literal.String.Interpol */
.highlight .sx {
  color: #e6db74;
} /* Literal.String.Other */
.highlight .sr {
  color: #e6db74;
} /* Literal.String.Regex */
.highlight .s1 {
  color: #e6db74;
} /* Literal.String.Single */
.highlight .ss {
  color: #e6db74;
} /* Literal.String.Symbol */
.highlight .bp {
  color: #f8f8f2;
} /* Name.Builtin.Pseudo */
.highlight .vc {
  color: #f8f8f2;
} /* Name.Variable.Class */
.highlight .vg {
  color: #f8f8f2;
} /* Name.Variable.Global */
.highlight .vi {
  color: #f8f8f2;
} /* Name.Variable.Instance */
.highlight .il {
  color: #ae81ff;
} /* Literal.Number.Integer.Long */
.post-table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.post-table > tbody > tr:not(:last-child) {
  border-bottom: 1px solid #999;
}
.post-table th, .post-table td {
  padding: 8px;
}
.post-table th {
  background-color: #D9EDF7;
  border-bottom: 1px solid #999;
  text-align: left;
  font-size: 14px;
}
.post-table th code {
  font-weight: normal;
}
.post-table td {
  font-size: 13px;
}

.table-overflow {
  overflow-x: auto;
  width: 100%;
}

.map {
  width: 100%;
  height: 85vh;
}

.map-toggle-group {
  display: flex;
  justify-content: center;
}
.map-toggle-group .map-toggle {
  background-color: #197a80;
  border: 1px solid #ffffff;
  border-top: none;
  border-bottom: none;
  color: #ffffff;
  flex: 1;
  max-width: 10rem;
  padding: 0.375rem 0.75rem;
  text-align: center;
}
.map-toggle-group .map-toggle:hover {
  cursor: pointer;
}
.map-toggle-group .map-toggle:first-child {
  border-radius: 0.25rem 0 0 0.25rem;
  border: none;
}
.map-toggle-group .map-toggle:last-child {
  border-radius: 0 0.25rem 0.25rem 0;
}
.map-toggle-group .map-toggle.inactive {
  background-color: inherit;
  border: 1px solid #197a80;
  color: #333;
}

.chart {
  margin: 0 auto;
  margin-top: 10px;
  padding-top: 10px;
  padding-right: 10px;
  min-width: 850px;
  max-width: 850px;
}
.chart .description {
  font-size: 0.75rem;
}
.chart .description > .station {
  display: inline-block;
  margin-left: 20px;
}
.chart .controls label {
  margin-right: 5px;
}

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