html, body, p {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #454545; }

p {
  letter-spacing: 0.73px; }

h1 {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 700;
  text-transform: capitalize; }

h2, h3, h4, h5, h6 {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  color: #2E353D; }

.w3-content a:link, .w3-content a:active, .w3-content a:visited {
  color: #2E353D; }
.w3-content a:hover {
  color: #a8d1ff; }

.theme, .theme-hover:hover {
  color: #fff !important;
  background-color: #2E353D !important; }

.theme-text, .theme-text-hover:hover {
  color: #2E353D !important; }

.alt-theme, .alt-theme-hover:hover {
  color: #fff !important;
  background-color: #a8d1ff !important; }

.alt-theme-text, .alt-theme-text-hover:hover {
  color: #a8d1ff !important; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  /* falls back to 16/9, but otherwise uses ratio from HTML */
  padding-bottom: calc(var(--aspect-ratio, .5625) * 100%);
  background-color: #2E353D; }

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.facebook {
  background-color: #3b5998; }

.facebook:hover {
  background-color: #2d4373; }

.twitter {
  background-color: #55acee; }

.twitter:hover {
  background-color: #2795e9; }

.pinterest {
  background-color: #bd081c; }

.pinterest:hover {
  background-color: #8c0615; }

.linkedin {
  background-color: #0077b5; }

.linkedin:hover {
  background-color: #046293; }

.email {
  background-color: #302f33; }

.email:hover {
  background-color: #403f41; }

.tumblr {
  background-color: #35465C; }

.tumblr:hover {
  background-color: #222d3c; }

.reddit {
  background-color: #5f99cf; }

.reddit:hover {
  background-color: #3a80c1; }

.google {
  background-color: #dd4b39; }

.google:hover {
  background-color: #c23321; }

.google {
  background-color: #34526f; }

.google:hover {
  background-color: #4a6a88; }

.xing {
  background-color: #1a7576; }

.xing:hover {
  background-color: #114c4c; }

.whatsapp {
  background-color: #25D366; }

.whatsapp:hover {
  background-color: #1da851; }

.hackernews {
  background-color: #FF6600; }

.hackernews:hover, .hackernews:focus {
  background-color: #FB6200; }