p {
	font-family: "Roboto Condensed", sans-serif;
}

.btn-default {
	border-radius: 0;
}

html {
	background: url(../img/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
	overflow-y: initial;
}

.homepage {
	background: none;
	height: 100%;
	text-align: center;
	margin: 0;
}

.container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(100% - 84px);
}

.links {
	color: #0f102c;
	font-size: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	margin-top: 25px;
}

.links a {
	color: #0f102c;
	text-decoration: none;
}

.links a i {
	margin-right: 5px;
	margin-left: 15px;
}

.jumbo-card {
	background-color: #0000005c;
	padding: 25px;
	max-width: 650px;
	border-radius: 20px;
}

.jumbo-card a {
	text-decoration: underline;
	color: white;
}

.jumbo-card a:hover,
.jumbo-card a:active,
.jumbo-card a:visited {
	color: white;
}

/* Title and navbar logo */
.logo,
.jumbo-card h1 {
	text-transform: uppercase;
	margin: 0;
	color: white;
	font-weight: 700;
	font-size: 34px;
	letter-spacing: -1pt;
}

/* Title */
.jumbo-card h1 {
	font-size: 70px;
	letter-spacing: -3pt;
}

/* Subtitle */
.jumbo-card div {
	font-weight: 500;
	font-size: 25px;
	color: white;
	margin-bottom: 12px;
	margin-top: 0;
}

.navbar-brand .navbar-item {
	padding: 0 15px;
}

.topnav {
	background-color: transparent;
	width: 100%;
}

.topnav .navbar-end > .navbar-item,
.topnav .navbar-end > .navbar-item > .navbar-link {
	color: black;
}

@media screen and (min-width: 1024px) {
	.navbar.is-transparent .navbar-dropdown a.navbar-item:focus,
	.navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
		background-color: rgb(235, 235, 235) !important;
		color: #0a0a0a;
	}

	.topnav .navbar-end > .navbar-item,
	.topnav .navbar-end > .navbar-item > .navbar-link {
		color: white;
	}

	.content-card {
		margin-bottom: 30px;
	}
}

#topnav > div > a:hover,
#topnav > div > a:active,
#topnav > div > .navbar-item > a:hover,
#topnav > div > .navbar-item > a:active {
	box-shadow: inset 0px 0px 0px 2px white;
}

.navbar-item,
.jumbo-card,
.logo,
h1 {
	font-family: "Cascadia Mono", Consolas, "Courier New", Courier, monospace;
}

h1 {
	font-weight: bold;
}

.blink {
	animation: blink 1s cubic-bezier(0.19, 1, 0.22, 1) infinite;
}

.fullwidth {
	width: 100%;
}

@keyframes blink {
	50% {
		opacity: 0;
	}
}

@media (max-width: 767px) {
	/* Subtitle */
	.jumbo-card div {
		font-size: 20px;
	}	/* Title */

	.jumbo-card h1 {
		font-size: 50px;
		letter-spacing: -1pt;
	}

	.topnav .navbar-end > .navbar-item,
	.topnav .navbar-end > .navbar-item > .navbar-link {
		color: #4a4a4a;
	}


}

.content-card {
	background-color: white;
	border-radius: 10px;
	padding: 30px;
}

@media (max-width: 1024px) {
	.content-card {
		width: 100%;
		border-radius: 0;
	}
}

.content a[id] {
	color: #363636;
}

.content a[id]:hover {
	text-decoration: underline;
}

.content {
	width: 100%;
}

.navbar-link:not(.is-arrowless)::after {
	border-color: white;
}

body, p, a {
	font-family: "Cascadia Mono";
}

/* .topnav {
	max-width: 1344px;
	margin-left: auto;
	margin-right: auto;
} */


/* Override Bulma's max content width to a little bit smaller */
@media screen and (min-width: 1408px) {
    .container:not(.is-max-desktop):not(.is-max-widescreen) {
        max-width:1152px;
    }
}