/* codetube
 *  Copyright (C) 2011 payload payload@lavabit.com
 *  Copyright (C) 2011 dodo dodo.the.last@gmail.com
 *
 *  This program is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU Affero General Public License as published by
 *  the Free Software Foundation, either version 3 of the License, or
 *  (at your option) any later version.
 *
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU Affero General Public License for more details.
 *
 *  You should have received a copy of the GNU Affero General Public License
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>
 */

time = 4000s

.welcome
    margin 30px auto
    width 461px
    height 465px

    .logo-wheel
        //background gray
        display inline-block
        transform rotate(180deg)
        width 405px
        height 401px

        .nub
            display       inline-block
            position      absolute
            background    color-med
            border-radius 100%
            width         140px
            height        140px
            text-align    center
            > *
                margin    26px

        .nub:nth-child(1)
            //background green
            margin-top 62px
            margin-left 265px

        .nub:nth-child(2)
            //background blue
            margin-top 223px
            margin-left 249px

        .nub:nth-child(3)
            //background red
            margin-top 261px
            margin-left 87px

        .nub:nth-child(4)
            //background magenta
            margin-left 118px
            margin-top 4px

        .nub:nth-child(5)
            //background cyan
            margin-left -4px
            margin-top 115px

    .spinning.logo-wheel
        animation spin-right time linear infinite
        > *
            animation spin-left time linear infinite


@keyframes spin-right
    0%
        transform rotate(-180deg)
    100%
        transform rotate(180deg)

@keyframes spin-left
    0%
        transform rotate(180deg)
    100%
        transform rotate(-180deg)