.font-me {
    font-style: italic;
    src: url('font/AtlasGrotesk-Regular.otf');
    font-size: x-large;
    color: black;
}
.font-me li a {
    color: black;
}
/* external css: flickity.css, fullscreen.css */

* { box-sizing: border-box; }

body { font-family: sans-serif; }

.carousel {
    background: #222;
}

.carousel-cell {
    width: 100%;
    margin-right: 10px;
    /* center images in cells with flexbox */
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel.is-fullscreen .carousel-cell {
    height: 100%;
}

.carousel-cell-image {
    display: block;
    max-height: 100%;
}

.carousel.is-fullscreen .carousel-cell-image {
    max-width: 100%;
}