/* reset */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}

body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
    margin-block-end: 0;
}

ul[role='list'],
ol[role='list'] {
  list-style: none;
}

body {
    min-height: 100vh;
    line-height: 1.2;
}

h1, h2, h3, h4,
button, input, label {
  line-height: 0.8;
}

a:not([class]) {
    text-decoration-skip-ink: auto;
}

:target {
    scroll-margin-block: 5ex;
}





@font-face {
    font-family: "Cascadia Mono Light";
    src: url("../fonts/CascadiaMono-Light.ttf");
}

@font-face {
    font-family: "Menlo";
    src: url("../fonts/Menlo-Regular.ttf");
}







html {
    font-size: 15px;
    background: #bfffff;
}

body {
    font-family: "Times", serif;
    font-variant-ligatures: common-ligatures discretionary-ligatures historical-ligatures contextual;
    margin: auto;
    width: 95vw;
}






header {
    margin: 1vh auto 0;
    text-align: center;
    max-width: 22rem;
    padding: 1rem;
    word-break: break-all;
    overflow-wrap: anywhere;
}

#memmo {
    width: 100%;
} text {
    font-family: "Times", serif;
    font-size: 42px;
    color: black;
    letter-spacing: 0.08rem;
}

h1 {
    font-weight: normal;
    font-size: 1.8rem;
}

.wrapper {
    position: relative;
}

form {
    position: absolute;
    margin: auto;
    margin-top: -2.5rem;
    width: 100%;
    display: flex;
    align-items: top;
    justify-content: center;
    align-content: center;
    z-index: 1;
}

button {
    box-sizing: border-box;
    height: 26px;
}

select {
    text-align: center;
}







main {
    margin: 0 auto 5vw;
    box-sizing: border-box;
    padding: 0 2rem 2rem 2rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: fit-content;
    max-width: calc(468.883rem/15);
    max-width: 32rem;
}

.newwrap5 {
    border: outset 4px;
    display: flex;
    max-width: 30rem;
    margin-bottom: 1.9rem;
}

.newwrap4 {
    border: groove 4px;
    display: flex;
    width: 100%;
    box-shadow: white 0 0 0.3rem;
}

.newwrap3 {
    border: inset 4px;
    display: flex;
    width: 100%;
}

.newwrap2 {
    border: outset 4px;
    display: flex;
    width: 100%;
    box-shadow: #464646 0 0 0.3rem;
}
.newwrap {
    border: ridge 4px;
    display: flex;
    max-width: 100%;
}

#new {
    max-width: 100%;
    object-fit: contain;
}








table {
    max-width: 100%;
    margin: auto;
}


tr td:first-child {
    font-family: "Cascadia Mono Light", 'Courier New', Courier, monospace;  /* planetary symbols are in Menlo */

}

td {
    vertical-align: top;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}

td:last-child {
    text-align: right;
}

/* goober time */


table {
    table-layout: fixed;
    width: 100%;
}

td:first-child {
    width: 1.5rem;
}

td:nth-child(2) {
    width: 4.5rem;
}

.flexwrap {
    display: flex;
    gap: 0.2rem;
}

.flexwrap a {
    flex: 1 0 auto;
    max-width: 100%;
}

.dots {
    flex: 0 1 auto;
    overflow: hidden;
    text-align: left;
    height: 1rem;
    overflow-wrap: anywhere;
    letter-spacing: 0.3rem;
}




/* goober time over */







td button {
    border: none;
    background: transparent;
    font: inherit;
    padding: 0;
    height: 1rem;
    cursor: pointer;
    color: teal;
    text-shadow: yellow 0 0 2px;
    -webkit-text-stroke: magenta 0.03rem;
}


td p:last-child {
    margin: 0;
    height: 0;
    overflow: hidden;
    text-align: left;
}