@font-face {
        font-family: "monox";
        src: url("asset/ABCMaxiRoundMono-Regular.woff2") format('woff2'),
            url("asset/ABCMaxiRoundMono-Regular.woff") format('woff');
    }

    body {
        margin: 0;
        padding: 0;
        background-color: #000;
        margin: 1vw;
        text-align: center;
    }

    hr {
        border-bottom: none;
        border-color: black;

    }

    * {
        font-weight: 500;
        font-size: 14px;
        font-family: "monox", monospace;
        letter-spacing: .8px;
        margin: 0;
        text-transform: lowercase;
        color: #9b9b9b;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 1.45;
    }

    .e {
        text-indent: 50px;
        text-align: left;

    }

    .c {
        text-align: center;
    }

    section {
        display: inline-block;
        max-width: 620px;

    }

    table {
        display: inline-block;
        border-collapse: collapse;

    }

    td {
        padding: 10px 12px;
        text-align: left;
        overflow: hidden;
        border: 1px solid #9b9b9b;
    }

    p {}

    img {
        max-width: 100%;
    }

    ul {
        padding-right: 0px;
        padding-left: 20px;
    }

    a {
        background-color: transparent;
        display: inline-block;
        border-width: 0px;
        border-radius: 20px;
        -moz-box-shadow: inset 0 0 10px rgba(255, 255, 255, .4);
        -webkit-box-shadow: inset 0 0 10px rgba(255, 255, 255, .4);
        box-shadow: inset 0 0 10px rgba(255, 255, 255, .4);
        outline: none;
        -webkit-appearance: none;
        padding: 8px 16px 10px 16px;
        transition: box-shadow .4s;
        text-transform: lowercase;
        margin: 7px 0px;
        text-decoration: none;
        cursor: pointer;
    }

    summary {
        background-color: transparent;
        display: inline-block;
        border-width: 0px;
        border-radius: 20px;
        -moz-box-shadow: inset 0 0 10px rgba(255, 255, 255, .4);
        -webkit-box-shadow: inset 0 0 10px rgba(255, 255, 255, .4);
        box-shadow: inset 0 0 10px rgba(255, 255, 255, .4);
        outline: none;
        -webkit-appearance: none;
        padding: 8px 16px 10px 16px;
        transition: box-shadow .4s;
        text-transform: lowercase;
        margin: 7px 4px;
        text-decoration: none;
        cursor: pointer;
    }

    a:hover,
    summary:hover {
        -moz-box-shadow: inset 0 0 10px rgba(255, 255, 255, .6);
        -webkit-box-shadow: inset 0 0 10px rgba(255, 255, 255, .6);
        box-shadow: inset 0 0 10px rgba(255, 255, 255, .6);
    }

    footer {
        font-size: 10px;
        font-weight: 500;
        padding: 10px;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        opacity: .5;
    }

    #chance {
        font-size: 22px;
        width: 14px;
        display: inline-block;
        text-align: center;
        font-family: monospace;
    }

    .wow {
        color: orangered;
    }