@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

:root {
  --denver-sky: #2a5673;
  --denver-sunrise: #e37a3e;
  --denver-foothill: #4b825a;
  --denver-snow: #f3e9dc;
  --text-primary: #2a2a2a;
  --text-secondary: #4c4c4c;
  --accent-muted: #d6c4b5;
}

body {
  padding:50px;
  font:16px/1.6 'Montserrat', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color:var(--text-primary);
  font-weight:400;
  background:linear-gradient(180deg, var(--denver-snow) 0%, #ffffff 70%);
  min-height: 100vh;
}
h1, h2, h3, h4, h5, h6 {
  color:var(--denver-sky);
  margin:0 0 20px;
}
p, ul, ol, table, pre, dl {
  margin:0 0 20px;
}
h1, h2, h3, h4 {
  line-height:1.1;
}
h1 {
  font-size: 200%;
}
h2 {
  font-size: 125%;
  color:var(--denver-sky);
}
h3 {
  font-size: 110%;
  color:var(--text-secondary);
}
h4, h5, h6 {
  font-size: 100%;
  font-style: italic;
  color:var(--text-secondary);
}
a {
  color:var(--denver-sunrise);
  font-weight:500;
  text-decoration:none;
}
a:hover {
  color:#bb5c24;
}
a small {
  font-size:11px;
  color:#777;
  margin-top:-0.6em;
  display:block;
}
a:hover small {
  color:#777;
}
.wrapper {
  width:850px;
  margin:0 auto;
}
blockquote {
  border-left:1px solid #e5e5e5;
  margin:0;
  padding:0 0 0 20px;
  font-style:italic;
}
code, pre {
  font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, monospace;
  color:#333;
  font-size:12px;
}
pre {
  padding:8px 15px;
  background: #f8f8f8;
  border-radius:5px;
  border:1px solid #e5e5e5;
  overflow-x: auto;
}
table {
  width:100%;
  border-collapse:collapse;
}
th, td {
  text-align:left;
  padding:5px 10px;
  border-bottom:1px solid #e5e5e5;
}
dt {
  color:#444;
  font-weight:700;
}
th {
  color:#444;
}
img {
  max-width:100%;
  transition: transform 0.3s ease;
}

img:hover {
  transform: scale(1.05);
}
header {
  margin: 0;
  padding: 0;
}
header ul {
  white-space:nowrap;
  list-style: none;
  margin: 0;
  padding: 0px 0px 10px 0px;
}
header ul li {
  display: inline-block;
  width: 8em;
}
header li + li{
  text-align: center;
}
header ul a {
  color: var(--text-secondary);
}
header ul li.active a {
  font-weight: 700;
  color: var(--denver-sky);
}
header ul a:hover {
  color: var(--denver-sunrise);
  font-weight: 700;
}
.logo-link {
  float: right;
  padding: 2px;
  background: linear-gradient(135deg, var(--denver-sky), var(--denver-sunrise));
  border-radius: 8px;
}
.logo {
  float: right;
}
speaker a {
  color: var(--text-secondary);
}
speaker a:hover {
  color: var(--denver-sunrise);
  font-weight: 700;
}
section {
  text-align: justify;
}
footer p.credit {
  float: left;
}
footer p.sponsors {
  float: right;
}
footer .logo {
  margin-left: 10px;
}
strong {
  color: var(--denver-sky);
  font-weight:700;
}
small {
  font-size:13px;
}
hr {
  border:0;
  background:var(--accent-muted);
  height:1px;
  margin:0 0 20px;
}
footer {
  color: #8f8f8f;
  font-size:80%;
}
footer a, footer a:hover {
  color: #8f8f8f;
  text-decoration: underline;
}
strong a {
    font-weight: 600;
}
center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.schedule-note {
  font-size: 0.9rem;
  color: var(--text-secondary);
  font-style: italic;
  margin-bottom: 15px;
}