@import url(https://fonts.googleapis.com/css?family=Lobster);

@-webkit-keyframes fly {
    to {
        transform: rotate(180deg);
    }
}

@-webkit-keyframes shadow {
    from {
        text-shadow: 0 20px 0 rgba(0,0,0,.2);
    }

    to {
        text-shadow: 20px 0 0 rgba(0,0,0,.2);
    }
}
#loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 220px;
    margin: -110px 0 0 -200px;
    /* background: linear-gradient(skyblue, steelblue); */
    /* border-radius: 8px; */
    text-align: center;
    color: white;
    overflow: hidden;
    /* box-shadow: 0 4px 0 rgb(0 0 0 / 20%); */
}

    #loader:before {
        content: "";
        position: absolute;
        top: 20px;
        right: 20px;
        bottom: -180px;
        left: 20px;
        border-radius: 50%;
        border: 1.8px dashed rgba(255, 255, 255, 0.75);
    }

#plane {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 44px;
    transform-origin: 200px 20px;
    -webkit-animation: fly 5s infinite linear;
}

    #plane i {
        margin: 4px 0 0 2px;
        transform: rotate(-45deg);
        -webkit-animation: shadow 5s infinite linear;
    }

#loader p {
    margin-top: 120px;
    line-height: 32px;
    font-family: "Lobster", sans-serif;
    font-size: 72px;
    text-shadow: 0 4px 0 rgb(0 0 0 / 20%);
}