/* CSS for the airplane widget with custom properties */

@keyframes fly {
    from {
        transform: translateX(var(--start)) translateY(-50%);
    }
    to {
        transform: translateX(var(--end)) translateY(-50%);
    }
}

.airplane {
    position: absolute;
    z-index: 1000;
    width: var(--airplane-width);
    height: var(--airplane-height);
    background-image: url("/airplane/image.png");
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    animation: fly var(--duration) linear forwards;
}