@font-face {
  font-family: Sega;
  src: url('/fonts/NiseSegaSonic.ttf');
}

html, body {
    height: 100%;
}

* {
    font-family: "Mouse Memoirs", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Sega, "Mouse Memoirs", sans-serif;
}

.state {
    display: none;
}

.state-init #intro,
.state-game #game,
.state-results #results {
    display: revert;
}

#game {
    .carousel-item {
        height: calc(100vh - 7em);
    }

    .carousel-item img {
        object-fit: contain;
        height: calc(100vh - 14em);
        width: 90vw;
    }

    .carousel-control-next, 
    .carousel-control-prev {
        width: 5vw;
    }

    .carousel-control-prev span {
        visibility: hidden;
    }
    .carousel-control-prev:hover span {
        visibility: visible;
    }

    .carousel-caption {
        bottom: 0;
        height: 7em;
        padding: 1em;
    }
}

#smash-btn, 
#pass-btn {
    width: 120px;
}

#results-carousel {
    .carousel-item {
        height: calc(60vh + 7em);
    }

    .carousel-item img {
        object-fit: contain;
        width: 70vw;
        height: 60vh;
    }

    .carousel-caption {
        bottom: 0;
        height: 7em;
        padding: 1em;
    }
}