@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{
     margin: 0px auto;
     height: 450px;
     width: 800px;
     background: url("santatiedup4.png");
     position: relative;
     top: 80px
          
}

h1{
     color:yellow;
     text-shadow: 2px 3px black;
     position: relative;
     left: 20px;
     top: -60px;
     font-size: 40px;
}

.photo{
     font-family: 'christmas_card_ii';
     font-size: 40px;
     position: absolute;
     text-align: center;
     color: yellow;
     text-shadow: 2px 2px black;
     text-indent: -35px;
     line-height: 20px;
     top: 200px;
     left: 90px;
     -webkit-transform: rotate(-0deg); /* Chrome, Safari, Opera */
  transform: rotate(-10deg);
}

.talk{
     font-family: 'christmas_card_ii';
     font-size: 40px;
     color: yellow;
     text-shadow: 2px 3px black;
     position: absolute;
     left: 500px;
     top: 175px;
     -webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */
  transform: rotate(10deg);
}

.photo:hover{
     color: #a562bb;
}

.talk:hover{
     color: red;
     text-shadow: 2px 3px white;
}