@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 300;
  src: url(../../_fonts/SourceCodePro-300.woff) format('woff');
}

body {
  background: #0b1a2b; /* Change background */ 
  font-family: "Source Code Pro", monospace;
  color: #d8d8d0;
  font-weight: 300;
  font-size: 14pt;
  min-width: 60em;
}

img { 
  border:0; 
}

a:hover { 
  outline:0; 
  color: #fae5a7;
}
main, figure, figcaption { display:block; }
pre, code { font-family: "Source Code Pro", monospace; }
header, main {
  -webkit-text-size-adjust: none;
}

h1, h2 {
  font-size: 1em;
  font-weight: normal;
}

pre.wrap {
  max-width: 100%;
  white-space: pre-wrap;
}

.quiet {
  opacity: .5;
}
p.wrap {
  width: 45em;
}

.about-link {
  text-decoration: none;
  color: #FFC10D; 
  text-shadow: none;
}
.about-link:hover, .about-link:focus {
  color: #fae5a7;
  text-shadow: none;
}

.hidden-until-hover {
  border: 1px dotted rgb(0, 0, 0);
  overflow: hidden;
  position: relative;
  padding: 0.5em;
  transition: border-color 0s linear 5s;
}
.hidden-until-hover:before {
  content: "(hover to reveal)";
  position: absolute;
  opacity: .5;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  transition: width 0s linear 5s;
}
.hidden-until-hover > * {
  visibility: hidden;
  transition: visibility 0s linear 5s;
}
.hidden-until-hover:hover {
  transition: border-color 0s linear 1s;
  border-color: transparent;
}
.hidden-until-hover:hover:before {
  content: "( keep hovering )";
  transition: width 0s linear 1s;
  width: 0;
}
.hidden-until-hover:hover > * {
  transition: visibility 0s linear 1s;
  visibility: visible;
}

.warning:not(.warning-active) {
  transition: color 1s, opacity 1s;
}
.warning-active {
  color: #ff0000;
  opacity: 1;
}

ul {
  padding-inline-start: 20px;
}

header {
  white-space: nowrap;
  cursor: default;
  z-index: 100;
  margin-bottom: 2em;
}
header h1 {
  display: inline-block;
  margin: 0;
  padding-right: 10em;
  /* padding-left: 0px; */
}
header h1 a, header h1 span {
  display: inline-block;
  text-decoration: none;
  color: #FFC10D;
  text-shadow: 0 0 2px #f65c0e, 0 0 5px #f65c0e;
}
header h1 a:hover, header h1 a:focus {
  color: #fae5a7;
  text-shadow: 0 0 2px #FFC10D, 0 0 5px #f65c0e;
}
header h1.title-event .title-event-wrap {
  opacity: .33;
  white-space: pre;
}

header nav {
  display: inline-block;
}
header nav ul {
  list-style-type: none;
  /* padding: 0.4em; */
  margin: 0;
  display: inline-block;
}
header nav li {
  display: inline-block;
  padding-left: 0 .1em;
  /* padding: 0em; */
}
header nav a {
  display: inline-block;
  text-decoration: none;
  outline: none;
}

main {
  font-size: 0.9em;
}

article {
  width: 45em; 
  margin-bottom: 2em; 
  margin-top: 2em; 
}

article h2 { 
  color: rgb(255, 255, 255); 
  margin-top: 1em; 
  margin-bottom: 1em; 
  white-space: nowrap; 
}

article h2 + * { 
  margin-top: 0px; 
}

article em { 
  color: rgb(255, 255, 255);
  font-style: normal;
  text-shadow: rgb(255, 255, 255) 0px 0px 5px;
 }

article a { 
  white-space: nowrap; 
  text-decoration: none;
  color: #FFC10D;
}

.calendar > span {
  color: #333333;
}
.calendar > a {
  text-decoration: none;
  color: #666666;
  outline: none;
  cursor: default;
}
.calendar a:hover, .calendar a:focus {
  background-color: #1e1e46;
  background-color: rgba(119,119,165,.2);
  cursor: pointer;
}

.calendar a .calendar-day { color: #3f91d3; }

.calendar-day {
  display: inline-block;
  width: 33.59px;
  text-align: right;
}

.calendar-stars span,
.sail, .hull, .rig, .water, .default {
  text-shadow: 0 0 0.5px currentColor, 0 0 2px currentColor;
}

.sail    { color: #f2f2e9; }
.hull    { color: #c98a4b; }
.rig     { color: #6b7f8f; }
.water   { color: #3f91d3; }
.default { color: #d8d8d0; }

@keyframes triple-glow {
  0%, 100% { text-shadow: 0 0 2px #f65c0e; }
  50%      { text-shadow: 0 0 8px #ff920d, 0 0 2px #f65c0e; }
}
.triple {
  animation: triple-glow 3.5s ease-in-out infinite;
}