/* CSS for boring pages (terms, privacy, etc). */
/* This is applied IN ADDITION to common.css. */

/* Note: overflow-x here must be "clip", not "hidden". With "hidden", CSS turns
   the other axis from visible into auto, which makes the body a scroll
   container; the wheel then targets the body, which has nothing to scroll, and
   the page stops scrolling by mouse wheel (dragging the scrollbar still works,
   since that scrolls the viewport). "clip" is allowed to pair with visible, so
   it clips wide content without creating a scroll container. */
body {
  overflow-x: clip;
  background: linear-gradient(
    black,
    #409cd4,
    #4b87c7,
    #7962bc,
    #b14fb3,
    #e549a1,
    #f15a87,
    #f47b60,
    #f4934d);
}

#container {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.boring-intro {
  color: rgba(0, 0, 0, 0.4);
}

.boring-thanks {
  text-align: center;
  color: rgba(0, 0, 0, 0.4);
  margin-top: 64px;
  margin-bottom: 64px;
}

.boring-bla-bla {
  background: white;
  border-radius: 8px;
  color: black;
  padding: 40px;
  margin-top: 32px;
  margin-left: 8px;
  margin-right: 8px;
}

.rooms-back-link {
  display: block;
  padding-left: 12px;
  margin-top: 32px;
  font: 13px HelveticaNeueLight;
  color: white;
  text-decoration: none;
}

h1 {
  margin-top: 16px;
  margin-bottom: 16px;
  font: bold 32px HelveticaNeue;
}

h2 {
  margin-top: 32px;
  margin-bottom: 8px;
  font: bold 24px HelveticaNeue;
}

h3 {
  margin-top: 32px;
  margin-bottom: 8px;
  font: bold 18px HelveticaNeue;
  color: #444;
}

ol, ul {
  margin-left: 32px;
}

p, li {
  margin-top: 16px;
  margin-bottom: 16px;
}

table {
  padding: 8px;
}

th, td {
  background: #eee;
  padding: 8px;
}

th {
  background: #aaa;
}