body {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #121127;
    overflow-x: hidden;
}
.custom-padding {
    padding: 80px 144px;
}

.divider {
    height: 1px;
    background: rgba(18, 17, 39, 0.16);
    width: 100%;
    margin: 48px 0;
}

@media (max-width: 1400px) {
    .custom-padding {
        padding: 80px 100px;
    }
}

@media (max-width: 700px) {
    .custom-padding {
        padding: 32px 40px;
    }
}

/* customizable snowflake styling */
.snowflake {
    color: #fff;
    font-size: 24px;
    font-family: Arial, sans-serif;
    text-shadow: 0 0 2px #000;
}
@-webkit-keyframes snowflakes-fall {
    0% {top:-10%}
    100% {top:100%}
}
@-webkit-keyframes snowflakes-shake {
    0%,100% {
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    50% {
        -webkit-transform:translateX(80px);
        transform:translateX(80px)
    }
}
@keyframes snowflakes-fall {
    0%{top:-10%}
    100%{top:100%}
}
@keyframes snowflakes-shake {
    0%,100% {
        transform:translateX(0)
    }
    50% {
        transform:translateX(80px)
    }
}
.snowflake {
    position:fixed;
    top:-10%;
    z-index:9999;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:default;
    -webkit-animation-name:snowflakes-fall,snowflakes-shake;
    -webkit-animation-duration:10s,4s;
    -webkit-animation-timing-function:linear,ease-in-out;
    -webkit-animation-iteration-count:infinite,infinite;
    -webkit-animation-play-state:running,running;
    animation-name:snowflakes-fall,snowflakes-shake;
    animation-duration:10s,4s;
    animation-timing-function:linear,ease-in-out;
    animation-iteration-count:infinite,infinite;
    animation-play-state:running,running
}
.snowflake:nth-of-type(1) {left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s;}
.snowflake:nth-of-type(2){left:4%;-webkit-animation-delay:2.5s,2s;animation-delay:2.5s,2s;}
.snowflake:nth-of-type(3){left:9%;-webkit-animation-delay:4s,1s;animation-delay:4s,1s;}
.snowflake:nth-of-type(4) {left:12%;-webkit-animation-delay:1.5s,0.5s;animation-delay:1.5s,0.5s;}
.snowflake:nth-of-type(5){left:20%;-webkit-animation-delay:5s,3s;animation-delay:5s,3s;}
.snowflake:nth-of-type(6){left:2%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s;}
.snowflake:nth-of-type(7){left:8%;-webkit-animation-delay:7.5s,3s;animation-delay:7.5s,3s;}
.snowflake:nth-of-type(8){left:14%;-webkit-animation-delay:9s,2s;animation-delay:9s,2s;}
.snowflake:nth-of-type(9){left:30%;-webkit-animation-delay:0.8s,2s;animation-delay:0.8s,2s;}
.snowflake:nth-of-type(10){left:22%;-webkit-animation-delay:2.2s,3s;animation-delay:2.2s,1.5s;}
.snowflake:nth-of-type(11){left:27%;-webkit-animation-delay:3.5s,3.5s;animation-delay:3.5s,3.5s;}
.snowflake:nth-of-type(12){left:24%;-webkit-animation-delay:6.5s,2s;animation-delay:6.5s,2s;}
.snowflake:nth-of-type(13){left:30%;-webkit-animation-delay:8s,0.5s;animation-delay:8s,0.5s;}
.snowflake:nth-of-type(14){left:27%;-webkit-animation-delay:9.5s,3s;animation-delay:9.5s,3s;}
.snowflake:nth-of-type(15){left:38%;-webkit-animation-delay:2s,0.5s;animation-delay:2s,0.5s;}
.snowflake:nth-of-type(16){left:33%;-webkit-animation-delay:4.5s,2s;animation-delay:4.5s,2s;}
.snowflake:nth-of-type(17){left:40%;-webkit-animation-delay:6s,4s;animation-delay:6s,4s;}
.snowflake:nth-of-type(18){left:38%;-webkit-animation-delay:9s,3s;animation-delay:9s,3s;}
.snowflake:nth-of-type(19){left:45%;-webkit-animation-delay:3s,3.5s;animation-delay:3s,3.5s;}
.snowflake:nth-of-type(20){left:48%;-webkit-animation-delay:4.5s,5s;animation-delay:4.5s,5s;}
.snowflake:nth-of-type(21){left:50%;-webkit-animation-delay:0.5s,3s;animation-delay:0.5s,3s;}
.snowflake:nth-of-type(22){left:52%;-webkit-animation-delay:1.6s,2s;animation-delay:1.6s,2s;}
.snowflake:nth-of-type(23){left:47%;-webkit-animation-delay:7.5s,2s;animation-delay:7.5s,2s;}
.snowflake:nth-of-type(24){left:64%;-webkit-animation-delay:1s,4s;animation-delay:1s,4s;}
.snowflake:nth-of-type(25){left:58%;-webkit-animation-delay:3s,0.7s;animation-delay:3s,0.7s;}
.snowflake:nth-of-type(26){left:55%;-webkit-animation-delay:6s,0.5s;animation-delay:6s,0.5s;}
.snowflake:nth-of-type(27){left: 55%;-webkit-animation-delay:8.5s,2s;animation-delay:8.5s,2s;}
.snowflake:nth-of-type(28){left: 70%;-webkit-animation-delay:0s,1s;animation-delay:0s,1s;}
.snowflake:nth-of-type(29){left: 70%;-webkit-animation-delay:2.2s,2.5s;animation-delay:2.2s,2.5s;}
.snowflake:nth-of-type(30){left: 65%;-webkit-animation-delay:4s,1s;animation-delay:4s,1.5s;}
.snowflake:nth-of-type(31){left: 67%;-webkit-animation-delay:7s,2s;animation-delay:7s,2s;}
.snowflake:nth-of-type(32){left: 77%;-webkit-animation-delay:1s,3s;animation-delay:1s,3s;}
.snowflake:nth-of-type(33){left: 77%;-webkit-animation-delay:3s,2s;animation-delay:3s,2s;}
.snowflake:nth-of-type(34){left: 70%;-webkit-animation-delay:5s,3s;animation-delay:5s,3s;}
.snowflake:nth-of-type(35){left: 85%;-webkit-animation-delay:0.2s,1.5s;animation-delay:0.2s,1.5s;}
.snowflake:nth-of-type(36){left: 87%;-webkit-animation-delay:2s,3s;animation-delay:2s,3s;}
.snowflake:nth-of-type(37){left: 80%;-webkit-animation-delay:4.2s,1s;animation-delay:4.2s,1s;}
.snowflake:nth-of-type(38){left: 74%;-webkit-animation-delay:6s,0.2s;animation-delay:6s,0.2s;}
.snowflake:nth-of-type(39){left: 90%;-webkit-animation-delay:3s,0.5s;animation-delay:3s,0.5s;}
.snowflake:nth-of-type(40){left: 70%;-webkit-animation-delay:8.5s,3s;animation-delay:8.5s,3s;}
.snowflake:nth-of-type(41){left: 85%;-webkit-animation-delay:6.5s,2.5s;animation-delay:6.5s,2.5s;}
.snowflake:nth-of-type(42){left: 92%;-webkit-animation-delay:5s,0.2s;animation-delay:5s,0.2s;}
.snowflake:nth-of-type(43){left: 80%;-webkit-animation-delay:9s,0.5s;animation-delay:9s,0.5s;}
.snowflake:nth-of-type(44){left: 85%;-webkit-animation-delay:8s,3.5s;animation-delay:8s,3.5s;}




#snow {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1000;
}