.error404 h1 {
    display: inline-block;
    line-height: 1;
    margin-bottom: 45px;
    font-size: 28px;
    color: #24226a;
    font-family: 'Century Gothic Bold';
}

.error404 h1 span {
    font-size: 80px;
    color: #24226a;
}

.error404 h1 span:first-child {
    animation: pweek 5s linear infinite;
    animation-delay: .3s;
}

.error404 h1 span:nth-child(2) {
    animation: pweek 5s linear infinite;
    animation-delay: .6s;
}

.error404 h1 span:nth-child(3) {
    animation: pweek 5s linear infinite;
    animation-delay: .9s;
}

@keyframes pweek{
    0%{color:#ebebf9}
    20%{color:#ebebf9}
    40%{color:#7088b6}
    60%{color:#24226a}
    80%{color:#fee7e3}
    to{color:#d44233}
}

.error404 h1:hover span {
    animation-play-state: paused;
}

@media (min-width: 768px) {
    .error404 h1 {
        font-size: 32px;
    }
}

@media (min-width: 1024px) {
    .error404 h1 span {
        font-size: 220px;
    }
    
    .lg\:mt-24 {
        margin-top: 66px!important;
    }
}

@media (min-width: 1280px) {
     .error404 h1 {
        font-size: 48px;
    }
}