@font-face {
	font-family: 'Space Mono';
	src: url('/static/fonts/SpaceMono-Regular.woff2');
}

@font-face {
	font-family: 'Space Mono';
	src: url('/static/fonts/SpaceMono-Italic.woff2');
	font-style: italic;
}

@font-face {
	font-family: 'Space Mono';
	src: url('/static/fonts/SpaceMono-Bold.woff2');
	font-weight: 700;
}

@font-face {
	font-family: 'Space Mono';
	src: url('/static/fonts/SpaceMono-BoldItalic.woff2');
	font-weight: 700;
	font-style: italic
}

body {
	font-family: 'Space Mono', ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
	color: white;
	background-color: #3e4954;
}

a {
	color: white;
}

a:hover {
	color: #f9c463;
}

a.next-previous-archive-links {
	color: white;
}

hr {
	border-top: 1px solid black;
}

h1.header {
	font-size: 50px;
	margin: 25px 0 25px 0;
	font-family: 'Anonymous Pro', monospace;
}

h1.author-header {
	font-size: 50px;
	margin: 25px 0 0 0;
	font-family: 'Anonymous Pro', monospace;
}

h2.header {
	margin-top: 100px;
}

p.paragraph-question {
	font-weight: bold;
	font-style: italic;
	font-size: 18px;
}

p.paragraph-answer {
	font-size: 14px;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited {
	background-color: #f9c463 !important;
	outline-color: #f9c463 !important;
	border-color: #f9c463 !important;
	color: black;
}

.alphabet-header {
	margin-top: 50px;
	font-family: 'Anonymous Pro Bold', monospace;
}

.archive-header {
	color: black;
}

.article-contents {
	font-size: 14px;
}

.article-header {
	font-size: 18px;
	font-family: 'Anonymous Pro Bold', monospace;
}

.confirmation-message {
	margin-top: 150px;
}

.content-block {
	margin: 50px 0 50px 0;
}

.datetime {
	margin-top: 100px;
}

.email-form-input {
	margin-top: 20px;
}

.email-input-field {
	float: left;
	width: 70%;
}

.email-submit-button {
	float: left;
	width: 30%;
}

@media only screen and (max-width: 600px) {
	.email-input-field {
		width: 100%;
		margin-bottom: 5px;
	}
}

@media only screen and (max-width: 600px) {
	.email-submit-button {
		width: 100%;
	}
}

.error_message {
	color: #f9c463;
	font-size: 16px;
}

.home-title-div {
	font-size: 3em;
}

.home-brackets {
	font-size: 3em;
}

.home-title-header {
	font-size: 1.5em;
}

.home-title-subheader {
	font-size: 2em;
}

/* homepage jumbotron */

.home-jumbotron {
	background-color: #f9f9f9;
}

.home-user-quote {
	color: black;
	font-size: 15px;
	margin-top: 10px;
}

.home-mark {
	background-color: #f9c463;
}

.home-quote-username {
	font-size: 12px;
	margin: 10px 0 20px 0;
}

/* homepage iphone image */

@media only screen and (max-width: 768px) {
	.marvel-device {
		zoom: 0.7;
	}
}

.iphone-image {
	margin-top: 50px;
}

.nav-background {
	background-color: #f9f9f9;
}

.navbar-logo {
	width: 200px;
	color: #3e4954;
}

.navbar-inverse .navbar-brand {
	color: #3e4954; /* Set to your desired color */
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
	color: #3e4954; /* Set to the same color as above */
}

.navbar-sponsorship {
	color: #3e4954;
	font-size: 1em;
}

@media (max-width: 767px) {
	.navbar-header {
		width: auto;
		float: left !important;
	}
	.navbar-right {
		width: auto;
		float: right !important;
	}
}

.next-previous-archive-buttons {
	background-color: black;
	font-size: 16px;
	color: white;
	margin: 0 5 10 5;
	padding: 10px;
}

.paragraph {
	margin: 50px 0 50px 0;
}

.profile_links {
	color: #3e4954;
}

.screen-settings {
	overflow: none;
	-webkit-overflow-scrolling: touch;
}

.sponsorship-link {
	float: right;
	padding: 15px 10px; /* Adjust these values to match your navbar's padding */
}

@media (max-width: 767px) {
	.sponsorship-link {
		float: none;
		position: absolute;
		top: 0;
		right: 10px;
	}
}

.tldr {
	font-weight: bold;
	font-family: 'Anonymous Pro Bold', monospace;
}

/* sponsorship page */

.modal-backdrop {
	z-index: -1;
}

.sponsorship-jumbotron {
	background-color: #3e4954;
	padding: 0 0 0 0px;
	color: white;
}

h3.jumbotron-text {
	color: white;
}

.lead-copy {
	margin: 20 0 20 0;
}

.sponsorship-stats {
	font-size: 3em;
	height: 50px;
}

.sponsorship-stats-sub {
	font-size: 1.2em;
	margin-bottom: 20px;
}

.logo {
	width: 50%;
	margin: 20 0 20 0;
}

@media only screen and (max-width: 600px) {
	.logo {
		width: 150%;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

.vertical-align {
	display: flex;
	align-items: center;
}