@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;
  color: white;
 
}

.background{
  margin: 0px auto;
  position: relative;
  height: 452px;
     width: 800px;
     background: url("apology3.png");
     top: 190px;
}

h1{
     font-size: 40px;
     position: relative;
     left: 10px;
     color: #c0263b;
     text-shadow: 1px 2px white ;
     -webkit-text-stroke-color: black;
     -webkit-text-stroke-width: px;
     font-weight: bold;
     top: -95px;
     line-height: 20px
    
}

a{
     position: absolute;
     background: url("santahat.png");
     height: 267px;
     width: 278px;
     font-family:  'christmas_card_ii';
     line-height: 200px;
     font-size: 55px;
     color: yellow;
     left: 480px;
     top: 210px;
     text-indent: -80px;
     text-shadow: 2px 3px black;
     -webkit-transform: rotate(-0deg); /* Chrome, Safari, Opera */
  transform: rotate(-20deg);
     
}

a:hover{
     webkit-transform: rotate(.3deg); /* Chrome, Safari, Opera */
        transform: rotate(.3deg);
     color: red;
     text-shadow: 1px 2px white;
     
}

.design{
     position: absolute;
     margin: 0px auto;
     height: 171px;
     width: 1129px;
     background: url("christmaslights5.png");
     top: -200px;
     left: -250px
}