.dark-background { 
	background-color: #0f0f0f;
}

.light-text {
	color: #efefef;
}

.subdued-text {
	color: #a5a5a5;
	font-size:1.5rem;
	margin-top: -8px;
}

.dark-text {
	color: #0f0f0f;
}



.mt-auto { margin-top: auto!important; }

.py-3 { padding-bottom: 1rem!important; }

div.media img {
	height:100px;
	width: 100px;
	background-position: center;
	background-size: cover;
}

.media { 
	background-color: #efefef;
	min-height: 150px;
}
.media.type img ~ button { 
	 position: relative;
    top: 100px;
    left: -115px;
    width: 100px;
}

.media.flavor img ~ button { 
	 position: relative;
    top: 100px;
    left: -115px;
    width: 100px;
}

.media.twist img ~ button { 
	 position: relative;
    top: 100px;
    left: -115px;
    width: 100px;
}

.media .media {
	background-color: #B7AC80;
   border-width: 1px;
   border-color: #F0F0F0;
   border-style: inset;
}

.saggitarius { background-image: url("https://futhark.acwpd.com/img/zodiac/sagittarius.png"); }
.scorpio { background-image: url("https://futhark.acwpd.com/img/zodiac/scorpio.png"); }
.uruz  { background-image: url("https://futhark.acwpd.com/img/runes/uruz.png"); }
.the-lovers-vi { background-image: url("https://futhark.acwpd.com/img/cards/06-the-lovers.png"); }

.btn-primary {
	color: #efefef;
}

.icon {
	margin: auto;
}

button.btn svg {
	fill: #efefef;
}

button.btn div {
	display: inline-block;
	margin-right: 5px;
}

div .media {
  margin: 30px 0;
  border-radius: 6px;
}

div .media-body {
  padding: 16px 24px 16px 16px;
}

div .icon {
  margin-right: 30px;
}

button {
  margin: 10px;
}

img {
  position: relative;
  left: 12px;
  top: 16px;
  padding: 50px;
  border-radius: 6px;
}

body {
  max-width: 1400px;
  margin: auto;
}

h5 {
  font-weight: bold;
  padding-bottom: 10px;
}

.btn {
  padding: 12px 20px;
}

.btn svg {
  position: relative;
  left: -4px;
  top: -2px;
}

.new-power {
  margin: 0px;
  text-transform: uppercase;
  background-color: darkgreen;
  padding: 20px;
}

.result-text {
  display: none;
}

.media .media {
  background-color: lightgrey;
  border-style: none;
  position: relative;
  top: 12px;
}

footer {
  max-width: 900px;
  margin: auto;
}

.col-md-8 {
  margin: 10px auto;
}

div.card a {
 color: darkgreen;
 text-decoration: underline;
}