body {
    background-image: url("images/bgtile3.png");
    background-color: lightcyan;
    background-blend-mode:hard-light;
}

h1, h2, h3, p {
    text-align: center;
}

#spinbox {
    display: flex;
    flex: auto;    
    height: 200px;
}

#spinbox:last-child {
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
}

p.speen {
    animation: spin 5s linear infinite;
    flex-grow: 1;
    text-decoration: underline wavy;
    font-size: xx-large;
}

/* spin even elements (middle word right now) backwards */
p.speen:nth-child(even) {
    animation: spin2 5s linear infinite;
}

.flag {
    scale: 25%;
}

/*
div {
    background-color: tomato;
}
*/

@keyframes spin {
    from {
        /*transform: rotateY(0deg);*/
        transform: rotate3d(-1,2,1,0deg)
    }
    to {
        transform: rotate3d(-1,2,1,360deg);
    }
}

@keyframes spin2 {
    from {
        /*transform: rotateY(0deg);*/
        transform: rotate3d(1,-2,-1,0deg)
    }
    to {
        transform: rotate3d(1,-2,-1,360deg);
    }
}