body {
	height: 100%!important;
	width: 100%!important;
	color: #f8f8f8!important;
	background-color: #2D2926;
	font-family: 'Noto Sans Mono';
	font-size: 190%;
	margin: 0;
}

html {
  scroll-behavior: smooth;
}

a:link, a:visited {
	color: #00bfff;
	text-decoration: none;
}

a:active, a:hover {
	border-bottom: 1px solid #ff0000;
	color: #ff0000;
	font-weight: 900;
	text-decoration: none;
}

li>a.page-scroll:link, a.page-scroll:visited {
	color: #2D2926!important;
	background-color: #f8f8f8!important;
	text-decoration: none!important;
	font-weight: normal!important;
}

li>a.page-scroll:hover, a.page-scroll:active {
	border-bottom: none;
	color: #f8f8f8!important;
	background-color: #2D2926!important;
	text-decoration: none!important;
	font-weight: normal!important;
}

.btn-primary, .btn-primary:active, .btn-primary:visited {
	border-color: #f8f8f8!important;
	color: #2D2926!important;
	background-color: #f8f8f8!important;
	text-decoration: none!important;
}

.btn-primary:hover {
	border-color: #f8f8f8!important;
	color: #f8f8f8!important;
	background-color: #2D2926!important;
	text-decoration: none!important
}

.panel-body {
	color: #f8f8f8!important;
	background-color: #2D2926!important;
	font-size: 100%!important;
	border-color: white!important;
}

.panel-title {
	background-color: #2D2926!important;
	font-size: 125%!important;
	border-color: white!important;
}

.panel-heading {
	background-color: #2D2926!important;
}

.panel-primary {
	border-color: #f8f8f8!important;
}

#footer {
	position: relative!important;
	bottom: 0px!important;
	margin-top: 30px!important;
	margin-right: 10px!important;
	height: 0px!important;
	clear:both!important;
}
.modal {
	text-align: center;
	padding: 0!important;
}

.modal:before {
	content: " ";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.center-justified {
	text-align: justify;
	-moz-text-align-last: center;
	text-align-last: center;
	margin: 0 auto;
	width: 30em;
}

@media(min-width:700px) {
	.navbar {
		display: initial!important;
	}

	.navbar-nav {
		margin: 0;
		display: table;
		table-layout: auto;
		float: none;
		width: 100%;
	}

	.navbar-nav>li {
		display: table-cell;
		float: none;
		text-align: center;
	}

	.custom-article {
		padding-top: 50px!important;
		padding-bottom: 50px!important;
	}

	.profile-picture {
		width: 15%!important;
	}
}

.custom-article {
	width: auto;
	height: 100%;
	text-align: justify;
	padding-top: 25px;
	padding-left: 10%;
	padding-right: 10%;
}

.profile-picture {
	width: 25%;
	margin: auto!important;
	display: block!important;
	border-radius: 50%!important;
}

.navbar {
	display: none;
	-webkit-transition: background .1s ease-in-out,padding .1s ease-in-out;
	-moz-transition: background .1s ease-in-out,padding .1s ease-in-out;
	transition: background .1s ease-in-out,padding .1s ease-in-out;
	padding-left: 5%;
	padding-right: 5%;
}

.navbar-nav>li>a {
	font-size: 125%!important;
	font-family: 'Audiowide'!important;
}

hr {
	width: 82%;
    border: none;
    height: 1px;
    background-color: #f8f8f8;
}

blockquote {
	border-left: 5px solid #000000;
	color: black!important;
}