html{
    position: relative;
    min-height: 100%;
}

body{
  background: salmon;
  background-image: url("../images/bg.png");
  font-family: 'IBM Plex Sans', sans-serif;
  width: 100%;   
  height: 100%;
}


.gifLarge{
  width:100%;
}
.jumbotron{
  padding-top: 15px;
  padding-bottom: 15px;
}

.jumbotron{
  background: rgba(173,216,230,0.8);
}
.img-thumbnail{
  background: snow;
}
.jumbo .col-md-12{
  margin: 0;
  padding: 0;
}
button{
  margin-right:10px;
  margin-bottom:10px;
}

.search{
  margin-bottom:20px;
}

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

.modal-content{
  background: honeydew;
}

.movie img{
   max-height: 130px;
}

.movie{
  margin-right:9px;
  display: inline-block;
  margin-bottom:10px;
}


.modal-dialog{
  max-width:550px;
}

.row{
  padding:0;
  text-align: center;
}

.caption,span{
  margin-top:5px;
  color:darkslategray;
  font-weight:bold;
}

.caption span{
  color:black;
}

.caption i{
  float: right;
  color: red;
}

.caption i:hover{
  cursor: pointer;
}

.color-change{
  background: blueviolet;
}

.btn.btn-success:focus{
  background: blueviolet;
}

.btn.btn-default{
  background: rgb(173,216,230);
}
.btn.btn-default:hover{
  background: cadetblue;
}

.jumbotron h1{
  font-family: 'Bowlby One SC', cursive;
  color: blueviolet;
  -webkit-text-stroke-color:black;
  -webkit-text-stroke-width: 1px; 
}

#title{
  font-family: 'Bowlby One SC', cursive;
  font-size: 20px;
}

#title, .alert-info{
  color: blueviolet;
}

.movie-info img{
  width:100%;
  height:auto;
}

#poster img{
  border:2px solid black;
}

.fav-btn{
  font-family: 'Bowlby One SC', cursive;
  color: blueviolet;  
}

.card-footer{
  padding: 0px;
  padding-top:7px;
}