body {
	margin-top: 70px;
	position: relative;
	
	text-shadow: 1px 1px 1px black;
}
html {
	height: 101%;
}

.card, nav, button, .btn {
	text-shadow: 1px 1px 1px black;
}

.bg-mecha {
	background-color: #7ba26b;
}

.bg-mecha-dark {
	background-color: #43593a;
}

li.breadcrumb-item + li.breadcrumb-item::before {
    content: "\00bb";
}

a.text-secondary:hover {
    color: #a59ac0 !important;
}

.card-img-overlay .card-title {
   color: white;
   text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}

.card-img-overlay {
	-webkit-box-shadow: inset 0px -125px 50px -50px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px -125px 50px -50px rgba(0,0,0,0.75);
	box-shadow: inset 0px -125px 50px -50px rgba(0,0,0,0.75);
}