* {
    border: none;
    /*
    margin: 0;
    padding: 0;
    */
}
body {
    background-color: #222;
    color: white;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

main {
    min-height: 95vh;
    margin: auto;
    display: grid;
    grid-template-rows: auto 1fr auto;
    width: 80%;
}
ul {
    padding-left: 40px;
}
ol {
    padding-left: 40px;
}
hr {
    margin: 8px 0;
    height: 1px;
    background-color: gray;
}

.w-100 {
    width: 100%;
}
.h-1px {
    height: 1px;
}
.list-circle {
    list-style: circle;
}
.center-generic {
    width: fit-content;
    margin: 0 auto;
}
.hidden {
    display: none;
    /* visibility: hidden; */
}

@media (orientation: portrait) {
    main {
        width: 90%;
    }
}

footer {
    min-height: 50px;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    color: gray !important;
}
a:visited {
    color: #69afff;
}
a {
    color: #2189ff;
}

.alphabet-count {
    list-style-type: lower-latin;
    list-style-position: inside;
}

.lic-section {
    padding: 12px;
    background-color: #2b2b2b;
}

.logo {
    width: 96px;
    height: 96px;
    /* image-rendering: pixelated; looks bad currently */
}
.stripe-top-hr {
    background-color: #be0000;
    color: transparent;
    width: 100%;
    height: 4px;
}
.stripe-bottom-hr {
    background-color: #175fb7;
    color: transparent;
    width: 100%;
    height: 4px;
}

.text-light-red {
    color: #f69c9c;
}
.text-gradient-colors {
    color: linear-gradient(90deg, rgba(255,182,250,1) 0%, rgba(162,201,255,1) 50%, rgba(255,140,140,1) 100%);
    background: linear-gradient(90deg, rgb(233, 255, 127) 0%, rgb(162, 201, 255) 50%, rgb(255, 140, 140) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.option-nav {
    font-size: 16pt;
}