* {
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: inherit;
    line-height: inherit;
    text-align: inherit;
    color: inherit;
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    
}

body {
    -webkit-text-size-adjust: 100%;
    background-color: #ffffff;
    font-family: "Operator Mono SSm B", "Operator Mono SSm A", monospace;
    font-size: 0.8em;
    font-style: normal;
    font-weight: 400;
	color: rgba(0, 0, 0, 0.66);
    line-height: 1.5em;
    padding: 2em;
    }
    
em {
    font-weight: 700;
}
    
i {
    font-style: italic;
}

p {
}

li {
    text-indent: -4ch;
    margin: 0 0 1em 4ch;
}

a {
    text-decoration: underline;
    text-decoration-color: #ff6719;
    color: #ff6719;
}

a:hover {
    text-decoration: underline;
    text-decoration-color: #ff008c;
    color: #ff008c;
}


blockquote {
    margin-left: 4ch;
    margin-top: 0em;
    text-indent: 0ch;
}


h1{
    margin-top: 10em;
    font-style: italic;
    font-weight: bold;
}

h2 {
    margin-top: 3em;
    font-style: italic;
}

.container {
    display: grid;
    grid-template-columns: 2em 11em 19em 6em auto;
    grid-template-rows: 11em auto;
    grid-template-areas:
        ". coinBox nameBox ."
        ". main main .";
}


.page-title {
    margin-top: 0em;
    font-style: normal;
}

.coinBox {
    grid-area: coinBox;
    margin-top:0em;
}

.nameBox {
    grid-area: nameBox;
    margin-top:0em;
}

.main {
    grid-area: main;
}


* + * {
    margin-top:1em;
}




@media (min-width: 800px) {
    body {font-size:1em;}
    .container {
        display: grid;
        grid-template-columns: 2em auto 10em 30em 10em auto;
        grid-template-rows: 10em auto;
        grid-template-areas:
            ". . coinBox nameBox . ."
            ". . . main . .";
    }
}
@media (min-width:920px) {
    body {font-size:1.25em;}
}