// Preloader
.preloader {
    position: fixed;
    width: 100%;
    background: $black-1;
    text-align: center;
    z-index: 99999;
    .loader{
        position: relative;
        height: 100vh;
        span {
            font-size: 100px;
            letter-spacing: 5px;
            position: absolute;
            top: 42%;
            width: 100%;
            text-align: center;
            left:0;
            font-family: sans-serif;
            
            &:nth-child(1) {
                color: transparent;
                -webkit-text-stroke: 0.3px $white-1;
            }
            &:nth-child(2) {
                color: $white-1;
                -webkit-text-stroke: 1px $white-1;
                animation: preloader 3s ease-in-out infinite;
            }
        }
    }
}
@keyframes preloader {
    0% {
        clip-path: polygon(0% 45%, 15% 44%, 32% 50%, 54% 60%, 70% 61%, 84% 59%, 100% 52%, 100% 100%, 0% 100%);
    }
    50% {
        clip-path: polygon(0% 60%, 16% 65%, 34% 66%, 51% 62%, 67% 50%, 84% 45%, 100% 46%, 100% 100%, 0% 100%);
    }
    100%{
        clip-path: polygon(0% 45%, 15% 44%, 32% 50%, 54% 60%, 70% 61%, 84% 59%, 100% 52%, 100% 100%, 0% 100%);
    }
}