.content h2 {
    color: #fff;
    position: absolute;
    transform: translate(-50%, -50%);

}

.content h2:nth-child(1) {
    color: transparent;
    -webkit-text-stroke: 2px #0a0a0a;
    text-shadow: 0 0 0.2em #faf3fc

}
.content h2:nth-child(1):after{
    content: '';
    -webkit-text-stroke: 2px #bfd4cb;
    filter: blur(5px);
    width: 100%;
    position: absolute;
    height: 100%;
    /* background-color: red; */
    left: -15%;
}
.content h2:nth-child(2) {
    background: -webkit-linear-gradient(#f06 ,#3cf,#f06,#3cf);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animate 4s ease-in-out infinite;

}
@keyframes animate {
    0%,
    100% {
        clip-path: polygon(
                0% 45%,
                16% 44%,
                33% 50%,
                54% 60%,
                70% 61%,
                84% 59%,
                100% 52%,
                100% 100%,
                0% 100%
        );
    }
    50% {
        clip-path: polygon(
                0% 60%,
                15% 65%,
                34% 66%,
                51% 62%,
                67% 50%,
                84% 45%,
                100% 46%,
                100% 100%,
                0% 100%
        );
    }
}
@media all and (max-width: 2000px){
    .content h2 {
        font-size: 8em;
    }
}
@media all and (max-width: 1400px) {
    .content h2 {
        font-size: 4em;
    }
}