html,
    body {
        margin: 0;
        padding: 0;
    }
    
    body {
        font-family: sans-serif;
        width: 100vw;
        height: 100vh;
        overflow: hidden;
        background: #383b40;
        color: #EEEE;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    iframe {
        display: block;
        /* iframes are inline by default */
        background: #000;
        border: none;
        /* Reset default border */
    }
    
    * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
    }
    
    .fireIcon {
        display: inline;
        padding-left: 0rem;
    }
    
    .line {
        display: block;
        padding-bottom: 0.3rem;
    }
    
    .reaction {
        -webkit-user-select: none;
        /* Safari */
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* IE10+/Edge */
        user-select: none;
        /* Standard */
        max-height: 2.5rem;
        display: inline-block;
        padding-top: 0.3rem;
        padding-bottom: 0.2rem;
        padding-left: 0.4rem;
        padding-right: 0.6rem;
        background: #333333;
        outline: 1px solid #333333;
        border-radius: 10px;
        vertical-align: middle;
    }
    
    @media (hover: hover) and (pointer: fine) {
        .reaction:hover {
            background: #383b40;
            outline: 1px solid #c3c3c3;
        }
    }
    
    .active {
        background: #3c4058 !important;
        outline: 1px solid #87a4da !important;
    }
    
    p {
        display: inline;
        color: #fff;
        font-size: 1.2rem;
    }
    
    svg {
        max-width: 1.4rem;
        display: inline;
    }
    
    #counter {
        padding-left: 0.1rem;
        vertical-align: top;
    }