<CSS>

.presentation {
    --url-background-image:  https://intranet.cyanide-studio.com/_media/projects/hell/hell_proto_slideshow_background.png;
    --code-color:            #444444;
    --title-color:           #44FF44;
}

.layout #header,
.layout #footer {
    height: 0;
}

.presentation {
    height: 100vh;
    background-image: url(var(--url-background-image));
    background-size: cover;
    background-position: bottom;
}

.presentation div.slide {
    width: 100vw !important;
    height: 100vh;
    box-sizing: border-box;
}

.presentation div#slide0 h1 {
    background: none;
    margin-left: 0;
}
.presentation div#slide0 .slidecontent {
    margin-left: 0;
    padding-left: 20px;
}

.presentation div.slide h1 {
    color: var(--title-color);
}

.presentation .slide li {
    margin-bottom: 0.6em;
    font-size: 0.87em;
}

.presentation code {
    color: var(--code-color);
}

.presentation div.slide ul {
    margin-top: 1em;
}

.presentation img {
    max-width: 100%;
}

.presentation p, 
.presentation ul,
.presentation div.slide h1 {
    margin-left: 2em;
}

.presentation .wrap_hi,
.presentation .wrap_av,
.presentation .wrap_tooltip,
.presentation .wrap_printonly {
    display: none;
}

</CSS>