html {
  min-height:100%;
  min-width:100%;
}
body {
  background:url(images/background.jpg) no-repeat center center fixed;
  background-size:cover;
  opacity:0.9;
  z-index:-2;
  margin:2px;
}
a {
	color:#6E0884;
	text-decoration:none;
}
a:hover {
	color:#4C065E;
	text-decoration:none;
}
.ml2 {
  font-weight: 800;
  font-size: 2.0em;
  color:#4C065E;
}

.ml2 .letter {
  display: inline-block;
  line-height: 1.1em;
  color:#4C065E;
}

#f1_container {
  position: relative;
  margin: 0px auto;
  width: 450px;
  height: 281px;
  z-index: 1;
}
#f1_container {
  perspective: 1000;
}
#f1_card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: all 1.0s linear;
}
#f1_container:hover #f1_card {
  transform: rotateX(180deg);
  /*box-shadow: -5px 5px 5px #aaa;*/
}
.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  padding:0px;
  text-align: center;
}
.face.back {
  display: block;
  transform: rotateX(180deg);
  box-sizing: border-box;
  padding: 0px;
  color: #4C065E;
  text-align: center;
  background-color: #E6E6E6;
  border-radius:15px;
  font-size:13px;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(204,196,204,1);
  -moz-box-shadow: 5px 5px 5px 0px rgba(204,196,204,1);
  box-shadow: 5px 5px 5px 0px rgba(204,196,204,1);
}
.centerAbsoluteDiv { 
width: {define width}
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.card {
margin: 0 auto;
float: none;
margin-bottom: 10px;
border-radius:8px;
}
.navy {color:navy;}
.modal-open{overflow:auto;padding-right:0 !important;}
.background {
  min-height:100%;
}
/* 0px hidden */
::-webkit-scrollbar {
    width:0px;
}
::-webkit-scrollbar-track {
    background:#F1CDFF;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background:#E6A6FE;
    border-radius:3px;
    box-shadow:0 4px 2px -2px silver;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background:#04C2;
}