/* Calendar page */
body {
  background-color: #000080;
  color: #00ff00;
  font-family: "Comic Sans MS", "Comic Sans", "Comic Neue", cursive, sans-serif;
}
.rainbow-lines {
  background: repeating-linear-gradient(45deg, #ff0000 0px, #ff7f00 14px, #ffff00 28px, #00ff00 42px, #0000ff 56px, #8b00ff 70px);
  height: 30px;
}
.container { max-width: 640px; margin: 0 auto; padding: 10px; }
h1 {
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", "Anton", sans-serif;
  font-size: 2.6em;
  text-align: center;
  color: #ffff00;
  text-shadow: 3px 3px 0 #ff0000, 6px 6px 0 #000080;
  transform: skew(-5deg);
}
.when {
  background: #000000;
  border: 6px ridge #00ffff;
  color: #ffff00;
  font-size: 1.2em;
  font-weight: bold;
  padding: 20px;
  margin: 25px 0;
  text-align: center;
}
.buttons { text-align: center; }
.btn {
  display: inline-block;
  font-family: Impact, "Anton", sans-serif;
  font-size: 1.3em;
  text-decoration: none;
  color: #ffff00;
  padding: 12px 25px;
  margin: 10px;
  border: 5px outset #666;
}
.btn-google  { background: #1877f2; border-color: #66aaff; }
.btn-outlook { background: #0072c6; border-color: #55bbee; }
.btn-ics     { background: #aa0000; border-color: #ff6666; }
.btn:hover { border-style: inset; }
.nav { text-align: center; font-size: 1.1em; font-weight: bold; margin: 20px; }
.nav a { color: #ffff00; margin: 0 12px; }
a:visited { color: #ff00ff; }
.footer { text-align: center; font-family: "Times New Roman", serif; color: #00ffff; margin: 25px; }
.block-center { display: block; margin: 10px auto; }