/*body {
    background-color: #999;
}*/

#R {
    transform-origin: center;
    animation: r 4s ease infinite;
}

@keyframes r {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    25% {
        transform: scale(1);
        opacity: 1;
    }

    75% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

#upRampCvr {
    animation: rampUp 4s ease infinite;
}

@keyframes rampUp {
    0% {
        transform: scaleY(1);
        opacity: 1;
    }

    75% {
        transform: scaleY(0);
        opacity: 0;
    }

    100% {
        transform: scaleY(1);
        opacity: 1;
    }
}

#rIcon {
    height: 100%;
    width: 100%;
    transform-origin: center;
    animation: rIconMove 4s ease infinite;
}

@keyframes rIconMove {
    0% {
        transform: scale(.95);
    }

    5% {
        transform: scale(1);
    }

    10% {
        transform: scale(.95);
    }

    15% {
        transform: scale(1);
    }

    20% {
        transform: scale(.95);
    }

    100% {
        transform: scale(.95);
    }
}

.icon {
    height: 150px;
    width: 150px;
}