/* Avrora based on Bootstrap 4.1

- Imports
- All
*/

/* --- Imports --- */

@import url("/assets/bootstrap/css/bootstrap.min.css");

/* --- All --- */

html {
	scroll-behavior: smooth;
}

body {
	color: #222;
	background: #ebeef0;
}
.container-fluid {
	padding-right: 0;
	padding-left: 0;
}

.hero {
	color: #fff;
	background-image: url(/images/background.jpg);
	background-size: cover;
	height: 70vh;
}

@media screen and (min-width: 760px) {
	h1 {
		font-size: 5em;
		font-weight: 800;
		margin: 0;
		padding-top: 2.25em;
		text-shadow: 0 0 20px rgba(0,0,0,0.425);
	}
	h1 span {
		font-size: 0.5em;
		font-weight: 400;
		display: block;
		width: 50%;
		margin: 0 auto;
	}
}

.navbar-dark .navbar-nav .nav-link {
	color: #fff;
	font-weight: 600;
}

a {
	color: #564575;
}
.btn-primary {
	color: #fff;
	background-color: #564575;
	border-color: #564575;
}

h2 {
	color:#080d4a;
}
blockquote {
	font-family: Georgia;
	font-style: italic;
	font-size: 1.75em;
	text-align: center;
	margin-top: 1em;
}
a {
	color:#080d4a;
}
ul {
	padding-inline-start: 20px;
}

.mainpage-cards > div {
	padding-bottom: 1.5em;
}
.card {
	border: none;
}
.card.bg-dark {
	background-color: transparent !important;
}
.card-title {
	font-size: 2.75em;
}
.card .card-body.img-card {
	padding: 0;
}
.card .img-fluid {
	border-radius: .25rem;
}

.bg-dark {
	background-color: #5f717f !important;
}

footer {
	padding: 1em;
}