/* permanent-marker-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Permanent Marker';
    font-style: normal;
    font-weight: 400;
    src: url('/user/themes/dod-theme/fonts/permanent-marker-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* rubik-glitch-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik Glitch';
  font-style: normal;
  font-weight: 400;
  src: url('/user/themes/dod-theme/fonts/rubik-glitch-v2-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
    background-image: url('/user/themes/dod-theme/images/background-silhouette.png');
    color: #999;
}

h1 {
    color: #ccc;
}

.rubik-glitch-regular {
    font-family: "Rubik Glitch", system-ui;
    font-weight: 400;
    font-style: normal;
}

.permanent-marker-regular {
    font-family: "Permanent Marker", cursive;
    font-weight: 400;
    font-style: normal;
}

.font-logo {
    font-size: 40px;
    margin-top: -7px;
}

.over-title {
    padding-top: 50px;
    margin-bottom: -30px;
    text-align: center;
    font-size: 30px;
    color: #666;
}

.dod-sub-title {
    text-align: center;
    padding-bottom: 10px;
    font-size: 30px;
    color: #666;
}

.pitch-text {
    padding-top: 40px;
}

.download-link {
    text-align: center;
    font-size: 20px;
    padding-bottom: 30px;
}

.dod-footer {
    padding-bottom: 18px !important;
    background-color: #222;
}

.comic-border {
    border: 4px solid #888;
}

.notices {
    background-color: #0a0e14 !important;
}

video {
    width: 100%;
    height: auto;
}

.watch-on-youtube {
    text-align: right;
    color: #FF0030;
}