body {
    font-family: "Helvetica-neue", helvetica, sans-serif;
}

.timer-section {
    height: 800px;
}

.stage {
    position: fixed;
    width: 100%;
    height: 100%;
}

.stage-scene {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition: all 250ms linear;
    -moz-transition: all 250ms linear;
    transition: all 250ms linear;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    transition: all 300ms linear;
}

.progress-bar {
    width: 250px;
    height: 40px;
    background-color: #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#004799+0,0075d6+50,ff0000+51,ff0000+100 */
    background: #004799; /* Old browsers */
    background: -moz-linear-gradient(left,  red 0%, red 50%, white 51%, white 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,red), color-stop(50%,red), color-stop(51%,white), color-stop(100%,white)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  red 0%,red 50%,white 51%,white 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  red 0%,red 50%,white 51%,white 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  red 0%,red 50%,white 51%,white 100%); /* IE10+ */
    background: linear-gradient(to right,  red 0%,red 50%,white 51%,white 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='red', endColorstr='white',GradientType=1 ); /* IE6-9 */
    background-size: 200%;
}

.welcome {
    background-color: blue;
    color: #fff;
}

.scene1 {
    background-color: orange;
    color: #fff;
}

.scene2 {
    background-color: white;
    color: #666;
}

.scene3 {
    background-color: purple;
    color: #fff;
}

.scene4 {
    background-color: green;
    color: #fff;
}

.thank-you {
    background-color: red;
    color: #fff;
}

.view.ng-enter,
.view.ng-leave {
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.view.ng-enter {
    opacity: 0;
}
.view.ng-enter-active {
    opacity: 1;
}
.view.ng-leave {
    opacity: 1;
}
.view.ng-leave-active {
    opacity: 0;
}