@font-face {
    font-family: 'snowFont';
    src: url('https://cdn.rawgit.com/ZaurT/fonts/master/MapleCartoon.otf');
}

.bg-opacity{
    background:#000;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    opacity:0.5;
}

.background h1,
.background h2{
    color:#fff;
    width:100%;
    text-align:center;
    font-family:Verdana, Geneva, sans-serif;
    line-height:1;
    position:relative;
    z-index:999;
    font-weight:100;
}

.background h1{
    margin:50px 0 0 0;
    font-size:150pt;
    text-shadow:0 0 10px #000;
    font-family:'snowFont';
    line-height:0.6;
}
.background h2{
    font-size:32pt;
    color:#FFEE58;
    font-family: 'Dancing Script', cursive;
}

.flake path{
    fill:#fff;
}

.flake-wrapper{
    position:absolute;
    z-index:999;
}

@keyframes falling{
    0%{
        top:-50px;
        opacity:1;
    }
    50%{
        opacity:1;
    }
    80%{
        opacity:0;
    }
    100%{
        top:100%;
        opacity:0;
    }
}

.flake{
    width:100%;
    height:100%;
}