body{
    text-align: center;
    font-family: 'Happy Monkey', cursive;
    background:linear-gradient( #9c0a29,rgb(176, 141, 13));
    color:white;
}

#pic{
    width:150px;
    border-radius: 50%;
    border: 6px solid #73081f ;
    margin-bottom:10px;
}

h1, h2, h3, h4, p {
    text-shadow: 0px 0px 1px black;
}

#bday-age{
    background-color:#73081f;
    padding:5px 10px;
    border-radius:5px;
    margin:5px 0px 10px 0px;
}
  
#bday-date{
    margin:0;
    background-color:#73081f;
    padding:5px 10px;
    border-radius:5px;
}

#header{
    display:flex;
    align-items: center;
    flex-direction: column;

}

.gift-section{
    margin-top:50px;
}

.gift-title{
    margin-bottom:10px;
}

.gift-hint{
    margin-top:0px;
}
.gift-img{
    margin:0 auto;
    width:400px;
    height:400px;
    border:6px solid white;
    border-radius:10px;
    background-size: cover;
    background-image: url("images/gift-cover.jpg");

}

#gift-img-happy:hover{
    background-image:url("images/happy.gif");
    background-size: cover;
    background-position: center;

}
#gift-img-react:hover{
    background-image: url("images/react.gif");
    background-size: cover;
    background-position: center;
}

#gift-img-genius:hover{
    background-image: url("images/genius.gif");
    background-size:cover;
    background-position:center;
}

#gift-img-flower{
    height:350px;
}
#gift-img-flower:hover{
    background-image: url("images/flowers.gif");
    background-size:cover;
    background-position:center;
    
}