@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'mountains_of_christmasregular';
    src: url('mountainsofchristmas.woff2') format('woff2'),
         url('mountainsofchristmas.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'christmas_card_ii';
    src: url('chrici__.woff2') format('woff2'),
         url('chrici__.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body{
  font-family: 'mountains_of_christmasregular';
     background: black;
  
}

.background{
  position: relative;
  background: url("talktohim.jpg");
  height: 510px;
  width: 1000px;
     left: 175px;
     top: 110px;
}

h1{
     position: relative;
     color: yellow;
     top: -95px;
}

.photo{ 
font-family:'christmas_card_ii';
position: absolute;
top: 400px;
font-size: 55px;
     background: url("camera.png");
     height: 207px;
     line-height: 320px;
     left: 100px;
     color: yellow;
     text-shadow: 2px 3px black;
     -webkit-transform: rotate(-0deg); /* Chrome, Safari, Opera */
  transform: rotate(-10deg);
}

.demand{
     font-family: 'christmas_card_ii';
     font-size: 40px;
     position: absolute;
     top: 410px;
     left: 680px;
     background: url("present.png");
     height: 248px;
     width: 227px;
     text-indent: -50px;
     line-height: 325px;
     -webkit-transform: rotate(-0deg); /* Chrome, Safari, Opera */
  transform: rotate(10deg);
     color: yellow;
     text-shadow: 2px 3px black;
     
}

.photo:hover{
    background-size: cover;
    height: 210px;
     color: #a562bb;
    
}

.demand:hover{
  background-size: cover;
    height: 255px;
     width: 235px; 
     color: red;
     
}