@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed|Roboto');

.navbar-brand {
	font-style: italic;
}

.navbar-brand .tcg {
	color: #007bff;
	font-weight: bold;
}

.navbar-brand small{
	color: lightgrey;
	font-size: 0.8rem;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: Barlow Semi Condensed;
}

.deckname {
	text-transform: uppercase;
}
.deckname:before {
	content: "[";
	color: lightgrey;
}
.deckname:after {
	content: "]";
	color: lightgrey;
}

.cardimage, .mastercardimage  {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 2px;
	background-color: rgba(0,0,0,0.2);
}

#main-area {
		flex-direction: row;
	}

@media (min-width: 992px) { 
	#main-area {
		flex-direction: row-reverse;
	}
}