body {
  background: #1d1d1d;
  color: #ddd;
  font-family: "PT Sans", "Helvetica Heue", "Arial", sans-serif;
  font-size: 110%;
  font-weight: 200;
  line-height: 1.3;
  max-width: 700px;
  margin: 0 auto;
}

@media only screen and (max-device-width: 680px) {
  body {
    max-width: 100%;
    font-size: 120%;
  }
}

p, h1, h2, #app {
  margin: 1em 0.5em 0;
}

p:first-of-type {
  margin: 0;
}

img {
  width: 100%;
}

a {
  color: #77f;
}

strong {
  color: #ffd;
}

li p {
  margin: 0;
}

/* For /talks */

[v-cloak] {
  display: none;
}

#search {
  margin: 1em 0;
  font-size: 130%;
}

#search input {
  font-size: 100%;
  background: #bbb;
  width: 80%;
  padding-left: 5px;
}

.clearsearch {
  cursor: pointer;
}

.clearsearch.csnotactive {
  color: #777;
}

#search-results {
  margin: 1em 0;
}

.tags {
  margin: 1em 0;
}

.tag {
  display: inline-block;
  padding: 2px 4px;
  margin: 3px 6px 3px 0;
  background: #424134;
  cursor: pointer;
  font-size: 70%;
  color: #B8B58F;
}

.taglink {
  color: inherit;
}

.result {
  display: table-row;
  height: 2.2em;
  width: 100%;
  clear: both;
}

.result:hover {
  cursor: pointer;
  background: #333;
}

.result-cx {
  display: table-cell;
  vertical-align: middle;
  padding: 2px 10px 2px 0;
  line-height: 0;
}

.cximg {
  width: 32px;
  height: 32px;
  border: none;
}

.result-title {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.search-hint {
  margin: 1em 0 !important;
}