@import url('https://fonts.googleapis.com/css2?family=Atma:wght@300;400;500;600;700&display=swap');



.christmas-widget {

    margin: 0 auto;

    height: 191px;

    width: 180px;

    background-repeat: no-repeat;

    background-size: 180px 191px;

    text-align: center;

    position: relative;

}



.christmas-widget .countdown-text {

    font-weight: normal;

    font-size: 14px;

    text-align: center;

    line-height: 105%;

    font-family: atma;

    color: #FFFF00;

    position: absolute;

    width: 100%;

}



/* Specific styles for each background image */

.christmas-widget.chimney {

    background-image: url('img/chimney.png');

}



.christmas-widget.chimney .countdown-text {

    padding-top:124px;

    color: #ffffff!important;

    font-weight:600;

    font-size:16px;



}



.christmas-widget.gifts {

    background-image: url('img/gifts.png');

}



.christmas-widget.gifts .countdown-text {

    padding-top: 120px;

    font-weight:600;

    font-size:20px;

}



.christmas-widget.gingerbread {

    background-image: url('img/gingerbread.png');

}



.christmas-widget.gingerbread .countdown-text {

    padding-top: 100px;

    color:#EF4130;

    font-weight:600;

    font-size:18px;

}



.christmas-widget.hotcocoa {

    background-image: url('img/hotcocoa.png');

}



.christmas-widget.hotcocoa .countdown-text {

    padding-top: 90px;

    padding-left:11px;

    font-weight:600;

    color:#FAECE1;

    font-size:18px;

}



.christmas-widget.snowman {

    background-image: url('img/snowman.png');

}



.christmas-widget.snowman .countdown-text {

    padding-top: 95px;

    color:#fff;

    font-weight:600;

    font-size:17px;

}



.christmas-widget.sweater {

    background-image: url('img/sweater.png');

}



.christmas-widget.sweater .countdown-text {

    padding-top: 110px;

    font-weight:600;

    font-size:17px;

    align-content;

}



.christmas-widget.northpole {

    background-image: url('img/northpole.png');

}



.christmas-widget.northpole .countdown-text {

    padding-top: 87px;

    padding-left:18px;

    color:#D02D2E;

    font-weight:600;

    font-size:17px;

}



.christmas-widget.bell {

    background-image: url('img/bell.png');

}



.christmas-widget.bell .countdown-text {

    padding-top: 86px;

    color:#ffffff;

    font-weight:600;

    font-size:17px;

    padding-left:2px;

}



.christmas-widget.owl {

    background-image: url('img/owl.png');

}



.christmas-widget.owl .countdown-text {

    padding-top: 140px;

    color:green;

    font-weight:600;

    font-size:16px;

}



.christmas-widget.tree {

    background-image: url('img/tree.png');

}



.christmas-widget.tree .countdown-text {

    padding-top: 100px;

    padding-left:5px;

    color:#DD1D13;

    font-size:20px;

    font-weight:600;

}





.christmas-widget.sleigh {

    background-image: url('img/sleigh.png');

}



.christmas-widget.sleigh .countdown-text {

    padding-top: 123px;

    padding-left:10px;

    color:white;

    font-weight:600;

    font-size:17px;

}

.christmas-widget.dinosaur {

    background-image: url('img/dinosaur.png');

}



.christmas-widget.dinosaur .countdown-text {

    padding-top: 110px;

    padding-left:12px;

    color:#D02D2E;

    font-size:18px;

    font-weight:600;

}



.christmas-widget.ornament {

    background-image: url('img/ornament.png');

}



.christmas-widget.ornament .countdown-text {

    padding-top: 90px;

    padding-left:22px;

    color:#feeb8b;

    font-size:18px;

    font-weight:600;

}



.christmas-widget.reindeer {

    background-image: url('img/reindeer.png');

}



.christmas-widget.reindeer .countdown-text {

    padding-top: 117px;

    padding-left:25px;

    color:#e7d9c1;

    font-size:15px;

    font-weight:600;

}