html, body {
  /*height: 100%;*/
}

body {
  background-color: #ffffff;
  font-family: 'Open Sans', sans-serif;
/*  font-size: 15px;
/*  line-height: 28px;
  font-style: normal;
  font-weight: normal;
  visibility: visible;
  color: #232323;
  position: relative;
*/
  background: url('../../images/backs/1st-349023.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Jost', sans-serif;
}

.card {
  background-color: rgba(255, 255, 255, 0.8);
}

.lead {
    font-size: 1rem;
  }
p {
  text-indent: 10px;
}

.bld-lnk {
  font-weight: bold;
  text-decoration: none;
  color: #4477ea;
}

.bld-lnk:hover {
  text-decoration: underline;
}

.btn-anim:not([disabled]) span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}

.btn-anim:not([disabled]) span:after {
content: '\00bb';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}

.btn-anim:not([disabled]):hover span {
padding-right: 25px;
}

.btn-anim:not([disabled]):hover span:after {
opacity: 1;
right: 0;
}

.progress {
  border: solid 1px #28a745!important;
}
/*
.card:hover {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    box-shadow: -5px 5px 5px #aaa;
}
*/


.fliper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 1.5s;
  transition: transform 1.5s;
}

.fliper #card-question {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#card-question {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fliper {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.btn:hover {
  /*box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;*/
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

#questions-list {
  list-style: none;
  padding: 0;
}

#questions-list li.correct {
  color: #21943b;
}

#questions-list li.incorrect {
  color: #721c24;
}

.btn .spinner-border {
  vertical-align: middle;
  margin-right: 6px;
}

footer {
  background-color: rgba(255, 255, 255, 0.8);
}

footer p {
  text-indent: 0;
  margin: 0;
}