.skinContainer {
    height: 60vh;
    display: block;
    margin: 0 auto;
}

.skinContainer > img {
    /*height: 50vh;*/
    width: auto !important;
    height: 100%;
    padding: 5vh 2vh 2vh;
    margin: 0 auto;
}

.skinContainer > canvas {
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #222);
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                     supported by Chrome and Opera */
}

.notInViewport {
    visibility: hidden;
}

.slideshowFrame {
    width: 95%;
    height: 60vh;
    display: block;
    margin: 0 auto;
}


/* MaterializeCSS patch - https://github.com/Dogfalo/materialize/blob/8339680dddff0815d2ac8c99b583693e6ff42f0e/sass/components/_global.scss#L337 */
@media only screen and (min-width: 1201px) {
    .show-on-extra-large {
        display: block !important;
    }
}