body{
    background: url(./bg_under.png) #116c74 !important;
    --bigtitle:#fff;
}

body::after {
    content: ' ';
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('./snow1.png'),url('./snow2.png');
	animation: 10s snow linear infinite;
	pointer-events: none;
}
.menuimg{
    background-image: none !important;
    padding: 12px !important;
    color: black;
}
main{
    background: none !important;
}
.subtitle{
    color: #424242 !important;
}
#toc {
    color: #fff;
}
.menu{
border:10px solid #fff;
border-image: url(./menubg.png) 10 round;
background-color: #f6efb8;
background-clip: padding-box;
padding-top: 50px;
color: black;
}
.menu:before {
    content: ' ';
    position: absolute;
    background: url(./christmas.png) no-repeat;
    height: 118px;
    width: 260px;    
    top: -68px;
    left: -10px;
    background-position: -22px -87px;
}
.card{
    position: relative;
    border:20px solid #fff;
    border-image: url(./card.png) 20 round;
    background-color: #ffffff;
    background-clip: padding-box;
    padding: .5rem;
    box-shadow:none;
    }
.article-title,.article-meta,.comment-title{
    border-color:#b4cd34;
}
.card:before {
    content: ' ';
    position: absolute;
    background: url(./sbg.png) repeat-x;
    height: 10px;
    width: 100%;
    left: 0;
    top: -10px;
}
.card-head:before {
    content: ' ';
    position: absolute;
    background: url(./christmas.png) no-repeat;
    height: 68px;
    width: 70px;
    background-position: left top;
    left: -50px;
    top: -38px;
    pointer-events: none;
}
.card-head:after {    
    content: ' ';
    position: absolute;
    background: url(./christmas.png) no-repeat;
    height: 68px;
    width: 70px;
    background-position: -490px top;
    right: -18px;
    top: -38px;
    pointer-events: none;
}
.widget-to-top{
    background-image: url('./top.png');
}

footer{
    height: 200px;
    display: flex;
    align-items: end;
}
footer:after {
    content: "";
    background: url(./footer-img.png);
    position: absolute;
    bottom: 0;
    left: 0;
    height: 433px;
    background-size: 100%;
    width: 100%;
    background-repeat: no-repeat;
    z-index: -1;
}


@media screen and (min-width: 1500px) and (max-width:1630px) {
    footer:after {
        height:283px
    }
}

@media screen and (min-width: 1260px) and (max-width:1499px) {
    footer:after {
        height:283px
    }
}

@media screen and (min-width: 1201px) and (max-width:1259px) {
    footer:after {
        height:270px
    }
}

@media screen and (min-width: 980px) and (max-width:1200px) {
    footer:after {
        height:224px
    }
}

@media screen and (min-width: 768px) and (max-width:979px) {
    footer:after {
        height:220px
    }
}

@media screen and (min-width: 541px) and (max-width:767px) {
    footer:after {
        height:170px
    }
}

@media screen and (min-width: 480px) and (max-width:540px) {
    footer:after {
        height:120px
    }
}

@media screen and (max-width: 479px) {
    footer:after {
        height:70px
    }
}
@keyframes snow{
	0% {
		background-position: 0 0, 0 0;
	}
	100% {
		background-position: 500px 500px, 1000px 500px;
	}
}