html { background: #ededed; font-family: 'Open Sans', sans-serif; line-height: 1.4; }

h1 { font-family: 'Merriweather', serif; font-weight: normal; margin-top: 0; }

img { max-width: 100%; }

pre, code { background-color: #fcfcfc; border-radius: 4px; border: 1px solid #c5c5c5; padding: 2px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

pre code { border: none; }

blockquote { font-style: italic; margin: 0; }

.navbar a { font-family: 'Merriweather', serif; color: gray; }

.content { max-width: 640px; margin: auto; min-height: 80%; padding: 50px 20px 80px; }

.footer { margin-bottom: 1em; text-align: center; }
.footer a { color: gray; }

.header-link { color: black; font-size: 0.8em; left: -1em; opacity: 0; position: absolute; text-decoration: none; top: 0.2em; width: 1em; }

h2, h3, h4 { position: relative; }
h2:hover .header-link, h3:hover .header-link, h4:hover .header-link { opacity: 1; }

@media all and (max-height: 360px) { p { font-size: 1.2em; } }
@media all and (max-height: 650px) { p { font-size: 1.1em; } }
.logo, .logo * { box-sizing: border-box; }

.logo { -webkit-flex-basis: 70px; flex-basis: 70px; -webkit-flex-shrink: 0; flex-shrink: 0; position: relative; height: 93.33333px; width: 70px; }

.band { position: absolute; background-color: black; height: 93.33333px; width: 23.1px; }

.band:nth-child(2) { right: 0; }

.clock { position: absolute; border: 11.55px solid black; height: 63px; width: 63px; border-radius: 63px; background-color: gold; left: 3.5px; top: 15.16667px; }

.hand { border-radius: 12px; position: absolute; height: 15.75px; width: 5.04px; background-color: black; left: 17.43px; top: 23.625px; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: rotateHand 2s 0s infinite linear both; -moz-animation: rotateHand 2s 0s infinite linear both; animation: rotateHand 2s 0s infinite linear both; }

@-webkit-keyframes rotateHand { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); } }
@keyframes rotateHand { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }
.page-index .content { padding: 200px 20px 125px; text-align: center; }
.page-index h1 { font-size: 5em; margin-bottom: 0.2em; }
.page-index h2 { font-size: 1.4em; font-weight: normal; }
.page-index .meetupLink { display: block; text-decoration: none; color: black; }
.page-index .welcome { display: -webkit-flex; display: flex; }
.page-index .dateRow { opacity: 0; }
.page-index #dateMs, .page-index #dateStr { -webkit-transition: opacity 0.4s linear; -moz-transition: opacity 0.4s linear; -o-transition: opacity 0.4s linear; -ms-transition: opacity 0.4s linear; transition: opacity 0.4s linear; }
.page-index #dateStr { position: absolute; left: 0; top: 0; width: 18em; text-align: left; opacity: 0; }
.page-index #meetupDate { position: relative; }
.page-index #meetupDate:hover #dateMs { opacity: 0; }
.page-index #meetupDate:hover #dateStr { opacity: 1; }

@media all and (max-width: 650px) { .page-index h1 { font-size: 2.5em; }
  .page-index .content { padding-top: 20px; } }
.page-oss-workshop .event-details { font-size: 1.2em; }
.page-oss-workshop .addthisevent-drop img { background-color: white; margin-left: 6px; width: 17px; }
.page-oss-workshop .name { font-size: 1.1em; font-weight: bold; }
.page-oss-workshop .github-username { color: black; font-family: Helvetica, 'Segoe UI', Arial, freesans, sans-serif; text-decoration: none; }
.page-oss-workshop .github-username:hover { text-decoration: underline; }