body {
    /*background-color: #38abe0;*/
    background-color: #1C2D3F;
}

#snow {
    background-image: url('Images/Calendar/s1.png'), url('Images/Calendar/s2.png'), url('Images/Calendar/s3.png');
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    -webkit-animation: snow 10s linear infinite;
    -moz-animation: snow 10s linear infinite;
    -ms-animation: snow 10s linear infinite;
    animation: snow 10s linear infinite;
}

@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}

@font-face {
    font-family: 'hazel_grace';
    src: url('../fonts/hazel_grace.ttf') format('truetype');
}

@font-face {
    font-family: 'waving_at_christmas';
    src: url('../fonts/Waving at Christmas.ttf') format('truetype');
}

a, a:hover, a:link, a:active {
    text-decoration: none;
    outline: 0;
}

.christmasFont {
    font-family: 'BioRhyme', serif;
    color: white;
}

.christmasFontLink {
    font-family: 'BioRhyme', serif;
    color: white;
}

.christmasFontLink:hover {
    font-family: 'BioRhyme', serif;
    color:darkgoldenrod;
}

.calendarContainer {
    cursor: url('Images/Calendar/coin.png'), auto;
}

.prizeContainer {
    padding-top: 20px;
    padding-bottom: 20px;

    background-color:white;

    border-style: dashed;
    border-width: 5px 5px 5px 5px;
    border-radius: 20px;
    border-color: #E3001C;
}

.notActiveIcon {

    opacity: 0.3;
}

.gift:hover {

    cursor: pointer;
    width: 80px;
    height: 80px;
}

.questionContainer {
    background-color:white;
    border-style: dashed;
    border-width: 5px 5px 5px 5px;
    border-radius: 20px;
    border-color: #E3001C;
}