body {
    background: #fff;
    
    font-family: 'Roboto', sans-serif;
    color: #aaa;
    font-weight: 300;
    
    font-size: 25pt;
}

/** COLUMNS **/
.column-3 {
    
}

    .column-3 > * {
        float: left;
        display: block;
        width: 33%;
    }
    
/** PROGRESS BAR **/
#progress-bar {
    position: fixed;
    bottom: 150px;
    left: 0;
    right: 0;
    
    height: 5px;
}    
    
    #progress-bar-covered {
        display: block;
        height: 100%;
        
        background: rgb(85, 142, 213);
        
        -webkit-transition: width ease-in-out 1s;
        -ms-transition: width ease-in-out 1s;
    }
    

/** INFORMATION BAR **/
#information-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    
    height: 135px;
    
    border-top: 1px solid #ddd;
    -webkit-box-shadow: inset 1px 1px 0px rgba(0, 0, 0, .6);
    -mx-box-shadow: inset 1px 1px 0px rgba(0, 0, 0, .6);
    box-shadow: inset 1px 1px 0px rgba(0, 0, 0, .6);
    
    background: white;
    background: #333;
    padding-top: 15px;
}

    #information-bar > div {
        height: 115px;
        margin: 0;
    }
    
        #information-bar > div > * {
            margin: 0;
        }

    #information-bar-center {
        text-align: center;
        
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
        
        border-color: #555;
    }
    
    #information-bar .time {
        color: #aaa;
        font-size: 28pt;
        
        margin-top: 20px;
        margin-bottom: 5px;
    }
    
    #information-bar .date {
        color: #888;
        font-size: 18pt;
    }

    #information-bar-left {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-box-pack: center;
        -webkit-box-align: center;

        display: -ms-flexbox;
        -ms-box-orient: vertical;
        -ms-flex-pack: center;
        -ms-flex-align: center;

        text-align: center;
    }

    #information-bar-left img {
        width: 90%;
    }


/* SLIDES */
.slide {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 150px;
    
    background: white;
    
    opacity: 0;
    
    -webkit-transition: opacity ease-in-out 2s;
    -ms-transition: opacity ease-in-out 2s;
}

.slide b {
    font-weight: normal;
    color: #888;
}

.slide.active {
    opacity: 1;
}

.slide.title {
    
}

    .slide.title header {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-box-align: center;
        -webkit-box-pack: center;

        display: -ms-flexbox;
        -ms-box-orient: vertical;
        -ms-flex-align: center;
        -ms-flex-pack: center;
    }

        .slide.title header h1 {
            color: rgb(85, 142, 213);
            font-size: 60px;
        
            text-shadow: 1px 1px 0px rgba(55, 96, 146, .8);
        }
    
    .slide.list header {
        background: rgb(85, 142, 213);
        border-top: 1px solid rgb(55, 96, 146);
        border-bottom: 1px solid rgb(55, 96, 146);
        
        margin-top: 10px;
        height: 90px;
    }
    
        .slide.list header h1 {
            color: white;
        
            font-size: 50px;
        
            margin: 0;
            padding: 10px 40px;
        }
        
    .slide.list ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
        .slide.list ul li {
            margin: 0 20px;
            padding: 10px 10px;
            
            border-bottom: 1px solid #e3e3e3;
        }
        
        .slide.list ul li.last {
            border-bottom: none;
        }
        
    .slide.image {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-box-align: center;
        -webkit-box-pack: center;

        display: -ms-flexbox;
        -ms-box-orient: vertical;
        -ms-flex-align: center;
        -ms-flex-pack: center;
    }


/*** SNOW ***/
#snow {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
    z-index: 1000;
}

.snowflake {
    background: white;
    
    position: fixed;
    
    width: 15px;
    height: 15px;
    border-radius: 50px;
    
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    -ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    
    -webkit-animation: snow linear 45s infinite;
    -moz-animation: snow linear 45s infinite;
    -o-animation: snow linear  45s infinite;
    -ms-animation: snow linear 45s infinite;
    animation: snow linear 45s infinite;
    
    opacity: .4;
}

@-webkit-keyframes snow {
  0%   { }
  100% { bottom: 0px; top: 120%; }
}
@-moz-keyframes snow {
  0%   { }
  100% { bottom: 0px; top: 120%; }
}
@-o-keyframes snow {
  0%   { }
  100% { bottom: 0px; top: 120%; }
}
@-ms-keyframes snow {
  0%   { }
  100% { bottom: 0px; top: 120%; }
}
@keyframes snow {
  0%   { }
  100% { bottom: 0px; top: 120%; }
}