body {
background-color: #153847;
color:#459910;
height:100%;
margin:0;
padding:0;
}

.card {
background-color: rgb(0,100,0);
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
border: 6px solid rgb(0,255,100);
border-radius: 1cm;
position:absolute;
width:500px;
height:700px;
overflow: hidden;
}

.card-title {
  height:60px;
  border-bottom: 1px solid #777777;
}

.card-body {
  height:640px;
  background-image: url('fx1_lrg.jpg');
  background-size: cover;
  background-position: center;
  position:relative;
}
/* Added a different background position, so the image fits better on the card */

.card h1 {
  font-family: 'Helvetica', system-ui;
  color:#fff;
  font-size:28px;
  text-align:center;
  margin-top: 0;
  padding-top:10px;
  
}
.card .fact {
  position:absolute;
  background-color: #b5efec;
  border-radius: 1cm;
  color:#000;
  font-family: 'Helvetica', system-ui;
  font-size:10px;
  box-shadow: -3px 3px 4px rgba(27, 32, 78, 1);


}
  #fact1{top:100px;
		left:10px;
		width:500px;
  }
  #fact2{top:10px;
		left:10px;
		width:123px;
  }