#diogenes {
    max-width: 40vw;
}

.lantern-shake {
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-animation-name: rotate_animation;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: rotate_animation;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
}

@-webkit-keyframes rotate_animation {
    from {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(10deg);
    }
    to {
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes rotate_animation {
    from {
        -moz-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(10deg);
    }
    to {
        -moz-transform: rotate(20deg);
    }
}

.oar-stroke {
    -webkit-transform-origin: 75% 18%;
    transform-origin: 75% 18%;
    -webkit-animation-name: rotate_oar;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: rotate_oar;
    -moz-animation-duration: 4s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
}

@-webkit-keyframes rotate_oar {
    from {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(20deg);
    }
    to {
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes rotate_oar {
    from {
        -moz-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(20deg);
    }
    to {
        -moz-transform: rotate(20deg);
    }
}

.boat-rock {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation-name: rotate_boat;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: rotate_boat;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
}

@-webkit-keyframes rotate_boat {
    from {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(5deg);
    }
    to {
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes rotate_boat {
    from {
        -moz-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(5deg);
    }
    to {
        -moz-transform: rotate(20deg);
    }
}