body{
    color: #495867;
    background-color: #F7F7FF;
    text-align: center;
    background-image: url('images/hvalerHelene.jpg');
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;    
}

.navbar{
    background-color: #577399;
    color:#F7F7FF ;
}

.jumbotron{
    background-color: #BDD5EA;
    margin-bottom: 10rem;
}

h1{
    color: #FE5F55;
    font-weight: bold;
}

.title-margin{
    margin-top: 20rem;
    margin-bottom: 25rem;
}

.title-gift{
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.hoverable:hover{
    background-color: #495867;
    color: #F7F7FF;
}

.card{
    margin: auto;
    width: 80%;
    display: none;
}

.card-header{
    background-color: #577399;
    color: #F7F7FF;
}

.card-body{
    background-color: #F7F7FF;
    display: none;
}

.open-gift-button{
    background-color: #577399;
    color: #F7F7FF;
    margin: 0.5rem;
}

.gift-curtain{   
    position: relative; 
    border: 6px solid #577399;
    border-radius: 3px;
    width: 80%;
    margin: auto;
}

#curtains{
    position: absolute;
    z-index: 1;
    top: 0;
}
#curtains-frame{
    position: absolute;
    z-index: 3;    
}
#curtains-frame2{
    z-index: 3;    
}


/* LAPTOP */
#gift-curtain-laptop{
    background-image: url('images/laptopGift2.jpg');
    background-size: cover;
}

/* SLEEPY PICTURE */
#gift-curtain-sleepy{
    background-image: url('images/heleneTired.png');
    background-size: cover;
}

/* EL-SCOOTER */
#gift-curtain-elScooter{
    background-image: url('images/elScooterGift.png');
    background-size: cover;
     
}

/* BONUS GIFT FLAX */
#gift-bonus-flax{
    background-image: url('images/bounsGiftFlax.jpg');
    background-size: cover;
}

/* Cruise */
#gift-curtain-cruise{
    background-image: url('images/cruiseGift.jpg');
    background-size: cover;
     
}

/* SWEATER LIVE */
#gift-sweater-live{
    background-image: url('images/sweaterLive.png');
    background-size: cover;
     
}