$bootstrap-sass-asset-helper: true;
@import "bootstrap";
@import "prez/variables";

html, body, #container, #pre-launch, #post-launch {
    height: 100%;
}

#pre-launch #filler {
    height: 25%;
}

#post-launch {
    display: none;

    .prez-total-duration, .prez-current-slide-duration {
        font-size: 2em;
    }

    .prez-danger-time, .prez-over-time {
        font-weight: bold;
        color: $brand-danger;
    }

    iframe {
        display: block;
        position: absolute;
        height: 100%;
        margin: 0 auto;
        margin-left: (100% - percentage($prez-frame-scale)) / 2;
        width: 100%;
        -ms-zoom: $prez-frame-scale;
        -moz-transform: scale($prez-frame-scale);
        -moz-transform-origin: 0 0;
        -o-transform: scale($prez-frame-scale);
        -o-transform-origin: 0 0;
        -webkit-transform: scale($prez-frame-scale);
        -webkit-transform-origin: 0 0;
    }

    #preview-frame-padding {
        height: percentage($prez-frame-scale);
    }

    #slide-notes {
        margin-top: 15px;
    }
}