slides.scss

@import url('https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css');

/*-- scss:defaults --*/



$font-family-sans-serif: 'derailed', sans-serif;
$presentation-heading-color: #4FE18F;
$fontcolor: #002D30;
$presentation-title-slide-text-align: "left";
$code-block-font-size: 0.6em;
$code-color: #5f5f5f;
$presentation-h2-font-size: 1.4em;
$presentation-font-size: .6em;

/*-- scss:rules --*/

details>summary {
    font-size: 0.75em;
}

// These sizes are appropriate for NICD secondary logo landscape
.reveal .slide-logo {
    height: 72px !important;
    width: 210px !important;
    max-width: unset !important;
    max-height: unset !important;
}

.small {
    font-size: 0.75em;
}

.reveal .slides .title {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: -800px;
    color: #fc739c;
    background-color: #fff;
    padding: 10px;
    font-size: 1.25em;
}

.reveal .slides .subtitle {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: -880px;
    color: #fc739c;
    font-weight: bold;
    background-color: #fff;
    padding: 10px;
    font-size: 1.5em;
    font-weight: bold;
}

.reveal .slides .author {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: -830px;
    color: $fontcolor;
    font-weight: bold;
}

.reveal .slides .institute {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: -875px;
    color: $fontcolor;
    font-weight: bold;
}

.reveal .slide .in-out {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    padding-left: 1em;
    background: #E8E8E8;
    font-family: $font-family-monospace;
    font-size: 0.6em;
}


.reveal .slide .goal {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    padding-left: 1em;
    background: #ccddeb;
}

ul,
ol,
dl ul,
ol,
dl {
    font-size: 85%;
}

@font-face {
    font-family: 'Derailed';
    font-style: normal;
    font-weight: 400;
    src: local(''),
        url("fonts/derailed-regular-webfont.woff2") format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url("fonts/derailed-regular-webfont.woff") format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

.reveal .slides .footnote {
    font-size: 0.4em;
    color: $fontcolor;
    font-style: italic;
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    border-top: 0.05em solid $fontcolor;
    width: 75%;
    white-space: normal;
    overflow: visible;
    bottom: 35px;
    transform: scale(1);
    transform-origin: center;
    transition: transform 0.2s ease-in-out;
}

.reveal .slides .footnote:hover {
    transform: scale(1.1);
}