button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: default;
*overflow: visible;
}
:root {
--surface: #c0c0c0;
--button-highlight: #ffffff;
--button-face: #dfdfdf;
--button-shadow: #808080;
--window-frame: #0a0a0a;
--dialog-blue: #000080;
--dialog-blue-light: #1084d0;
--link-blue: #0000ff;
--link-purple: rgb(85, 26, 139);
--element-spacing: 8px;
--grouped-button-spacing: 4px;
--grouped-element-spacing: 6px;
--radio-width: 12px;
--checkbox-width: 13px;
--radio-label-spacing: 6px;
--radio-total-width-precalc: var(--radio-width) + var(--radio-label-spacing);
--radio-total-width: calc(var(--radio-total-width-precalc));
--radio-left: calc(-1 * var(--radio-total-width-precalc));
--radio-dot-width: 4px;
--radio-dot-top: calc(var(--radio-width) / 2 - var(--radio-dot-width) / 2);
--radio-dot-left: calc(
-1 * (var(--radio-total-width-precalc)) + var(--radio-width) / 2 - var(
--radio-dot-width
) / 2
);
--checkbox-total-width-precalc: var(--checkbox-width) +
var(--radio-label-spacing);
--checkbox-total-width: calc(var(--checkbox-total-width-precalc));
--checkbox-left: calc(-1 * var(--checkbox-total-width-precalc));
--checkmark-width: 7px;
--checkmark-top: 3px;
--checkmark-left: 3px;
--border-width: 1px;
--border-raised-outer: inset -1px -1px var(--window-frame),
inset 1px 1px var(--button-highlight);
--border-raised-inner: inset -2px -2px var(--button-shadow),
inset 2px 2px var(--button-face);
--border-sunken-outer: inset -1px -1px var(--button-highlight),
inset 1px 1px var(--window-frame);
--border-sunken-inner: inset -2px -2px var(--button-face),
inset 2px 2px var(--button-shadow);
--border-window-outer: inset -1px -1px var(--window-frame),
inset 1px 1px var(--button-face);
--border-window-inner: inset -2px -2px var(--button-shadow),
inset 2px 2px var(--button-highlight);
--border-field: inset -1px -1px var(--button-highlight),
inset 1px 1px var(--button-shadow), inset -2px -2px var(--button-face),
inset 2px 2px var(--window-frame);
}
u {
text-decoration: none;
border-bottom: 0.5px solid #222222;
}
textarea {
font-family: Courier New, monospace;
font-size: 13px;
width: 100%;
min-height: 10rem;
-webkit-font-smoothing: auto;
}
input,
a.button {
font-family: "MS Sans Pixelated 13", Arial, sans-serif;
font-size: 13px;
}
input[type="submit"],
input[type="button"],
button,
a.button {
box-sizing: border-box;
border: none;
background: var(--surface);
box-shadow: var(--border-raised-outer), var(--border-raised-inner);
border-radius: 0;
min-width: 75px;
min-height: 23px;
padding: 0 12px;
}
input[type="submit"]:not(:disabled):active,
input[type="button"]:not(:disabled):active,
button:not(:disabled):active,
a.button:not(:disabled):active {
box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);
}
@media (false) {
input[type="submit"]:not(:disabled):hover,
input[type="button"]:not(:disabled):hover,
button:not(:disabled):hover,
a.button:not(:disabled):hover {
box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);
}
}
input[type="submit"]:focus,
input[type="button"]:focus,
button:focus,
a.button:focus {
outline: 1px dotted #000000;
outline-offset: -4px;
}
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
button::-moz-focus-inner,
a.button::-moz-focus-inner {
border: 0;
}
a.button {
color: #000 !important;
display: inline-block;
text-decoration: none;
padding: 6px 12px;
}
:disabled,
:disabled + label {
color: var(--button-shadow);
text-shadow: 1px 1px 0 var(--button-highlight);
}
label {
display: inline-flex;
align-items: center;
white-space: nowrap;
}
input[type="radio"],
input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
margin: 0;
background: 0;
border: none;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
line-height: 13px;
}
input[type="radio"] + label {
position: relative;
margin-left: var(--radio-total-width);
}
input[type="radio"] + label::before {
content: "";
position: absolute;
top: 0;
left: calc(-1 * (var(--radio-total-width-precalc)));
display: inline-block;
width: var(--radio-width);
height: var(--radio-width);
margin-right: var(--radio-label-spacing);
background: url(/assets/icons/radio-border-455834c5e463ab59fbad9c96f7f41a94be33989a1aa818faba5eb2c50eedc03e.svg);
}
input[type="radio"]:active + label::before {
background: url(/assets/icons/radio-border-disabled-2054541e691150da9d0d4c5f90df781b87efb3fb95869d7b6068896f3faac456.svg);
}
input[type="radio"]:checked + label::after {
content: "";
display: block;
width: var(--radio-dot-width);
height: var(--radio-dot-width);
top: var(--radio-dot-top);
left: var(--radio-dot-left);
position: absolute;
background: url(/assets/icons/radio-dot-898bba4b20b715cf20ade46ba67be6d0b50e9b3e56b721f20d2aa544dd365d0e.svg);
}
input[type="radio"]:focus + label,
input[type="checkbox"]:focus + label {
outline: 1px dotted #000000;
}
input[type="radio"][disabled] + label::before {
background: url(/assets/icons/radio-border-disabled-2054541e691150da9d0d4c5f90df781b87efb3fb95869d7b6068896f3faac456.svg);
}
input[type="radio"][disabled]:checked + label::after {
background: url(/assets/icons/radio-dot-disabled-1a0c5f3a468cebf942a7db9ee2ab5620b2fd5836f12196bdffe976dfd11ab462.svg);
}
input[type="checkbox"] + label {
position: relative;
margin-left: var(--checkbox-total-width);
}
input[type="checkbox"] + label::before {
content: "";
position: absolute;
left: calc(-1 * (var(--checkbox-total-width-precalc)));
display: inline-block;
width: var(--checkbox-width);
height: var(--checkbox-width);
background: var(--button-highlight);
box-shadow: var(--border-field);
margin-right: var(--radio-label-spacing);
}
input[type="checkbox"]:active + label::before {
background: var(--surface);
}
input[type="checkbox"]:checked + label::after {
content: "";
display: block;
width: var(--checkmark-width);
height: var(--checkmark-width);
position: absolute;
top: var(--checkmark-top);
left: calc(
-1 * (var(--checkbox-total-width-precalc)) + var(--checkmark-left)
);
background: url(/assets/icons/checkmark-4e717a55280d84a043f9c01b7bf64a5505b91b19542b8d57636658e6a5d39075.svg);
}
input[type="checkbox"]::after {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
z-index: -1;
content: url(/assets/icons/checkmark-4e717a55280d84a043f9c01b7bf64a5505b91b19542b8d57636658e6a5d39075.svg)
url(/assets/icons/checkmark-disabled-b4ba7de0c51a428d94166cf2f73296cda1dda398a436ed5e203b1c8a3880f91e.svg);
}
input[type="checkbox"][disabled] + label::before {
background: var(--surface);
}
input[type="checkbox"][disabled]:checked + label::after {
background: url(/assets/icons/checkmark-disabled-b4ba7de0c51a428d94166cf2f73296cda1dda398a436ed5e203b1c8a3880f91e.svg);
}
input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
padding: 3px 4px;
border: none;
box-shadow: var(--border-field);
background-color: var(--button-highlight);
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
input[type="text"],
input[type="password"],
input[type="email"],
select {
height: 21px;
}
select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
padding-right: 32px;
background-image: url(/assets/icons/button-down-77a60ac9664ab2d26d15efa6003992add095dcdc1a7004b70847a7f44300c1bd.svg);
background-position: top 2px right 2px;
background-repeat: no-repeat;
border-radius: 0;
}
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
outline: none;
}
select:focus {
color: var(--button-highlight);
background-color: var(--dialog-blue);
}
select:focus option {
color: #000;
background-color: #fff;
}
select:active {
background-image: url(/assets/icons/button-down-active-9875957540f53f14844840d6c6a556d7951fc508f3834e05454f3ba7e77c09cb.svg);
}
a {
color: var(--link-blue);
}
a:visited {
color: var(--link-purple);
}
a:focus {
outline: 1px dotted var(--link-blue);
}
::-webkit-scrollbar {
width: 16px;
}
::-webkit-scrollbar:horizontal {
height: 17px;
}
::-webkit-scrollbar-corner {
background: #dfdfdf;
}
::-webkit-scrollbar-track {
background-image: url(/assets/icons/scrollbar-background-b11aa694a88e031c0f181f19a33fe937eb53a8dadd99a36e1ae6bac126c37464.svg);
}
::-webkit-scrollbar-thumb {
background-color: #c0c0c0;
box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #ffffff,
inset -2px -2px #808080, inset 2px 2px #dfdfdf;
}
::-webkit-scrollbar-button:horizontal:start:decrement,
::-webkit-scrollbar-button:horizontal:end:increment,
::-webkit-scrollbar-button:vertical:start:decrement,
::-webkit-scrollbar-button:vertical:end:increment {
display: block;
}
::-webkit-scrollbar-button:vertical:start {
height: 17px;
background-image: url(/assets/icons/button-up-3459c7192a5fc429aeaf989e35d6ff877229143203a5bc2abd6f4dac6ad83e5f.svg);
}
::-webkit-scrollbar-button:vertical:end {
height: 17px;
background-image: url(/assets/icons/button-down-77a60ac9664ab2d26d15efa6003992add095dcdc1a7004b70847a7f44300c1bd.svg);
}
::-webkit-scrollbar-button:horizontal:start {
width: 16px;
background-image: url(/assets/icons/button-left-03e55be9fbe4057abd3f270d0ad7416406da3f6a346cc56757761b83963a1cfa.svg);
}
::-webkit-scrollbar-button:horizontal:end {
width: 16px;
background-image: url(/assets/icons/button-right-3dc31fd5f05cb97890fda7d0472d1e3603ff3815089eef5af78361e7d6025fed.svg);
}
.header nav img.unread-chat {
display: inline;
float: none !important;
padding-left: 0.2rem;
}
div#chat_errors {
margin-bottom: 0.5em;
}
span.chat-timestamp {
color: grey;
}
strong.deleted-user {
color: grey;
}
.chat-messages {
width: 100%;
height: 500px;
overflow: auto;
border: 2px inset #c0c0c0;
background: white;
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
}
.chat-messages ul {
padding: 0 1em;
width: 90%;
}
.chat-messages li {
list-style: none;
margin-bottom: 0.5rem;
}
.chat-submit {
width: 100%;
}
table.chat {
background: #c0c0c0;
width: 100%;
}
table.chat td {
padding: 10px;
}
table.chat tr.submit td:last-child {
width: 1%;
white-space: nowrap;
}
html {
overflow-y: scroll;
}
body {
-moz-osx-font-smoothing: grayscale;
background-color: #fff;
color: #333;
margin: 0;
box-sizing: border-box;
cursor: url(/assets/cursor-0c72b462b452c3da60dc780d3294c2d9d4070cdf41479ed8f504981421d49350.png),
default;
}
body,
p,
ol,
ul,
td {
font-family: "Times Pixelated 16", "Times New Roman", serif;
font-size: 16px;
line-height: 1.3em;
}
.parent {
max-width: 960px;
margin: 30px;
}
img {
max-width: 100%;
}
img.sidebar_ssl_image {
border: 1px solid black;
}
img.ssl_icon_images {
max-width: 80px;
margin: 0.5em;
margin-top: 2em;
}
table.ssl_required {
background-color: #c0c0c0;
border: 1px solid black;
}
table.ssl_required h2 {
margin: 0;
}
table.ssl_required p {
margin: 0;
}
table.ssl_required tr {
border: 0px;
}
table.ssl_required td {
border: 0px;
vertical-align: top;
padding: 1em;
}
h1 {
font-family: "Times Pixelated 32", "Times New Roman", serif;
font-size: 32px;
background: url(/assets/transparent-circuit-3b16824393f5a24dce5d45e324c13ab3bebfab58baee977d26870a5dfb15935f.png);
padding: 15px;
border: 5px outset #800080;
line-height: 1.1em;
margin: 8px 0;
}
h1::before {
background: #800080;
}
h2 {
font-family: "Times Pixelated 24", "Times New Roman", serif;
font-size: 24px;
line-height: 1.2em;
}
h3,
h4 {
font-family: "Times Pixelated 16", "Times New Roman", serif;
font-weight: bold;
font-size: 16px;
}
.block-heading {
background: url(/assets/transparent-circuit-3b16824393f5a24dce5d45e324c13ab3bebfab58baee977d26870a5dfb15935f.png);
padding: 10px;
border: 5px outset teal;
}
.block-heading::before {
background: teal;
}
h1,
.block-heading {
color: white;
position: relative;
text-shadow: 2px 2px black;
}
h1::before,
.block-heading::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: -1;
box-shadow: 5px 5px 10px 0px black;
}
.dark-goldenrod {
border: 5px outset darkgoldenrod;
}
.dark-goldenrod::before {
background: darkgoldenrod;
}
.header nav p,
.header nav img {
display: table-cell;
}
.header nav img {
vertical-align: middle;
padding-right: 5px;
float: left;
}
.header nav table {
margin-top: 10px;
height: 113px;
width: 100%;
background-color: cornsilk;
}
.header nav a {
font-weight: bold;
}
table {
border-top: 1px solid #c0c0c0;
border-left: 1px solid #c0c0c0;
border-bottom: 1px solid #808080;
border-right: 1px solid #808080;
}
th,
td {
padding: 5px;
border-top: 1px solid #808080;
border-left: 1px solid #808080;
border-bottom: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
}
td.login-status {
text-align: center;
}
table.form th {
background: DarkGoldenrod;
color: white;
}
table.form td {
background: Cornsilk;
}
div.field,
div.actions {
margin-bottom: 10px;
}
table#alert,
table#notice {
width: 100%;
font-weight: bold;
}
table#alert {
color: white;
background-color: darkred;
}
table#notice {
color: darkgreen;
background-color: #ddffdd;
}
.field_with_errors {
padding: 2px;
background-color: red;
display: table;
}
#error_explanation {
width: 450px;
border: 2px solid red;
padding: 7px 7px 0;
margin-bottom: 20px;
background-color: #f0f0f0;
}
#error_explanation h2 {
text-align: left;
font-weight: bold;
padding: 5px 5px 5px 15px;
font-size: 12px;
margin: -7px -7px 0;
background-color: #c00;
color: #fff;
}
#error_explanation ul li {
font-size: 12px;
list-style: square;
}
tt {
font-family: "Courier Pixelated 16", Courier New, monospace;
font-size: 16px;
}
ul,
ol {
width: 70%;
}
input:-webkit-autofill::first-line,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
font-family: "MS Sans Pixelated 13", Arial, sans-serif;
font-size: 13px;
}
span.confirmed-email {
color: green;
}
hr {
margin: 8px 0;
}
img.banner {
display: block;
margin: 8px auto;
max-width: 100%;
height: auto;
}
.container-fluid {
padding: 2rem;
max-width: 960px;
}
.row {
box-sizing: border-box;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex: 0 1 auto;
-webkit-box-flex: 0;
flex: 0 1 auto;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -1rem;
margin-left: -1rem;
}
.row.reverse {
-ms-flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
.col.reverse {
-ms-flex-direction: column-reverse;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
flex-direction: column-reverse;
}
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 1rem;
padding-left: 1rem;
}
.col-xs {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xs-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-xs-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-xs-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-xs-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-xs-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xs-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-xs-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-xs-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-xs-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-xs-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xs-offset-1 {
margin-left: 8.333%;
}
.col-xs-offset-2 {
margin-left: 16.667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.333%;
}
.col-xs-offset-5 {
margin-left: 41.667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.333%;
}
.col-xs-offset-8 {
margin-left: 66.667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.333%;
}
.col-xs-offset-11 {
margin-left: 91.667%;
}
.start-xs {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xs {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-xs {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-xs {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-xs {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-xs {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-xs {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xs {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-xs {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-xs {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
@media only screen and (min-width: 48em) {
.container {
width: 46rem;
}
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 1rem;
padding-left: 1rem;
}
.col-sm {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-sm-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-sm-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-sm-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-sm-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-sm-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-sm-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-sm-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-sm-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-sm-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-sm-offset-1 {
margin-left: 8.333%;
}
.col-sm-offset-2 {
margin-left: 16.667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.333%;
}
.col-sm-offset-5 {
margin-left: 41.667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.333%;
}
.col-sm-offset-8 {
margin-left: 66.667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.333%;
}
.col-sm-offset-11 {
margin-left: 91.667%;
}
.start-sm {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-sm {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-sm {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-sm {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-sm {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-sm {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-sm {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-sm {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-sm {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-sm {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@media only screen and (min-width: 62em) {
.container {
width: 61rem;
}
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 1rem;
padding-left: 1rem;
}
.col-md {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-md-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-md-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-md-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-md-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-md-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-md-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-md-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-md-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-md-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-md-offset-1 {
margin-left: 8.333%;
}
.col-md-offset-2 {
margin-left: 16.667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.333%;
}
.col-md-offset-5 {
margin-left: 41.667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.333%;
}
.col-md-offset-8 {
margin-left: 66.667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.333%;
}
.col-md-offset-11 {
margin-left: 91.667%;
}
.start-md {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-md {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-md {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-md {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-md {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-md {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-md {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-md {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-md {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-md {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@media only screen and (min-width: 75em) {
.container {
width: 71rem;
}
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 1rem;
padding-left: 1rem;
}
.col-lg {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-lg-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-lg-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-lg-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-lg-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-lg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-lg-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-lg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-lg-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-lg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-offset-1 {
margin-left: 8.333%;
}
.col-lg-offset-2 {
margin-left: 16.667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.333%;
}
.col-lg-offset-5 {
margin-left: 41.667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.333%;
}
.col-lg-offset-8 {
margin-left: 66.667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.333%;
}
.col-lg-offset-11 {
margin-left: 91.667%;
}
.start-lg {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-lg {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-lg {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-lg {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-lg {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-lg {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-lg {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-lg {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-lg {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-lg {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@font-face {
font-family: "Lucida Hand Pixelated 16";
src: url(/assets/LHANDW.TTF-16-Regular-3d8475b6caeaf055934b7ed1d1a45d1e6f3aa3bac4d9fecc2cc427719100d8f6.woff)
format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Comic Sans Pixelated 16";
src: url(/assets/COMIC.TTF-16-Regular-87845c199854c600453dadc41eeed363ec3aa8a4a2fe3249a24f3927233c7f8a.woff)
format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Comic Sans Pixelated 16";
src: url(/assets/COMICBD.TTF-16-Bold-15ae9cd2d996c7aa721c8ade64c7e2318ec6e6e9dfab41d3d759d197a9e0ef76.woff)
format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Lucida Hand Pixelated 24";
src: url(/assets/LHANDW.TTF-24-Regular-baeb1effa2f76dea5c37170179f6d20b2ecf45f576acd870004b2ef6a807c574.woff)
format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Comic Sans Pixelated 24";
src: url(/assets/COMIC.TTF-24-Regular-5233efcbaeb53a51009f4963eeba683aebe8e4e303b4459340ba5f913355f36d.woff)
format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Comic Sans Pixelated 24";
src: url(/assets/COMICBD.TTF-24-Bold-563678ec8bd1436c829ab401d79965af623525a699e5c12f0f1a5566fdbe31fa.woff)
format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Lucida Hand Pixelated 32";
src: url(/assets/LHANDW.TTF-32-Regular-918730282c8adbaa45b8ca1fe27989b30e215a4b275e128fe5ce76562923d781.woff)
format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Comic Sans Pixelated 32";
src: url(/assets/COMIC.TTF-32-Regular-b1503cba6282ccdb89836d9e01ca6077013b36a3a8fdb170652d769eb2a4e0fb.woff)
format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Comic Sans Pixelated 32";
src: url(/assets/COMICBD.TTF-32-Bold-fcda8d70dfd36e66d71d6d13bb84ac7f0bea59621ae77cca9ca1f18f1f628c95.woff)
format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Arial Pixelated 16";
src: url(/assets/ARIAL.TTF-16-Regular-b9f5574a9bb97187d6b084f1bc2154f3a6ed8cf7be934e146dff6dfde54c8640.woff)
format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Arial Pixelated 16";
src: url(/assets/ARIALI.TTF-16-Italic-9bce4ada5e38676fd29617294c3d79483da73904dcceb142bee755c85985d7df.woff)
format("woff");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Arial Pixelated 16";
src: url(/assets/ARIALBD.TTF-16-Bold-b2d7887581c49d2656defb61b092f21d0f2afda57fa8a8d20d6252d7417abcd1.woff)
format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Arial Pixelated 16";
src: url(/assets/ARIALBI.TTF-16-BoldItalic-5c0316c8696eb989d80139ceb4d0a4cdea03bdfea9e0aba9969b681fd93c7f45.woff)
format("woff");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Arial Pixelated 24";
src: url(/assets/ARIAL.TTF-24-Regular-3995d00b4303eb1cda9a408f324d211a7db3164e9d75b51e5a9df6fb34abf0a9.woff)
format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Arial Pixelated 24";
src: url(/assets/ARIALI.TTF-24-Italic-ebee70d29ac222ac06328639cb597af6ffdedc7e460bb18cd9881fd4072c519d.woff)
format("woff");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Arial Pixelated 24";
src: url(/assets/ARIALBD.TTF-24-Bold-b0328a1ae272c52306435f5fb508851cfc0d37d63ca557ef6f1985cc6125c1dd.woff)
format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Arial Pixelated 24";
src: url(/assets/ARIALBI.TTF-24-BoldItalic-579ca96701bca6744d10f92d6ae7ba0fe301c1b6f2c1943a6ef89991d692112f.woff)
format("woff");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Arial Pixelated 32";
src: url(/assets/ARIAL.TTF-32-Regular-042434afd68ce47d11a811de9e00cbbf7157d36ac0c1358cbce5821287ee1fbb.woff)
format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Arial Pixelated 32";
src: url(/assets/ARIALI.TTF-32-Italic-f3e171c9d69f0ef12cf80cd66ebbc124e824451be0879ab5d55b6b888e148155.woff)
format("woff");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Arial Pixelated 32";
src: url(/assets/ARIALBD.TTF-32-Bold-e5b79dcc0d8e5269ab39be37624083a59f16f23b3a0909fb0e55119b682a8653.woff)
format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Arial Pixelated 32";
src: url(/assets/ARIALBI.TTF-32-BoldItalic-987a038e25aea18268fe4c1a9c5201a214eaee82cfbc239c5a92b4922ba71185.woff)
format("woff");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Courier Pixelated 16";
src: url(/assets/COUR.TTF-16-Regular-89c8f195d255e810c8a9759e119bc4be6d48ef0ff2b27327510e5988321fa0a3.woff)
format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Courier Pixelated 16";
src: url(/assets/COURI.TTF-16-Italic-6a122f384aa68cd5c1b947e507a080eea4435b2cbb50e7e5b05089fd6f2126eb.woff)
format("woff");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Courier Pixelated 16";
src: url(/assets/COURBD.TTF-16-Bold-ba6741e19697111a72a693b650259115b2433062946b3b62072441ae2cfaae4c.woff)
format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Courier Pixelated 16";
src: url(/assets/COURBI.TTF-16-BoldItalic-9de942915276821f3d7357075cf0c6ad143845765ab95968221c1325a809f081.woff)
format("woff");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Courier Pixelated 24";
src: url(/assets/COUR.TTF-24-Regular-fb8f52cd76a9c2923314a3bdb2712fd47c1594815d2b972fc351ed2c1dd80ad4.woff)
format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Courier Pixelated 24";
src: url(/assets/COURI.TTF-24-Italic-c7e760cc5d24299e84a5bfc9943061baf2ef87899135f8e48e9ba77e3f1e6f2b.woff)
format("woff");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Courier Pixelated 24";
src: url(/assets/COURBD.TTF-24-Bold-92c00842c246bc1868e1c6f99865c8576bec7f2fb28b240c9d6d27401461bf4d.woff)
format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Courier Pixelated 24";
src: url(/assets/COURBI.TTF-24-BoldItalic-b797278fd7900a1069577f6f2772175b6e69d6375d6b2b83bbed6815ba564252.woff)
format("woff");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Courier Pixelated 32";
src: url(/assets/COUR.TTF-32-Regular-874fe543f8db379d3e092d5ed019794d7e5f1f862015dd510cbed21492833a10.woff)
format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Courier Pixelated 32";
src: url(/assets/COURI.TTF-32-Italic-66af36b1d65297021e67a5f631d5b332ae8682ce221ca43d67d26f4749c64d49.woff)
format("woff");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Courier Pixelated 32";
src: url(/assets/COURBD.TTF-32-Bold-400b4b2c1118e092dec05f4d1baa30bc1b05fd8f64dd4845693ffa8b9a2eed76.woff)
format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Courier Pixelated 32";
src: url(/assets/COURBI.TTF-32-BoldItalic-b8498437b4d84136cea27c2d40365a7fbbb6677818b22e9bc0e3eecaa51cb419.woff)
format("woff");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Times Pixelated 16";
src: url(/assets/TIMES.TTF-16-Regular-fa46b8e0f87ca255fb212abd7b50554b2c9335b09da60399ec65001cea25fa8b.woff)
format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Times Pixelated 16";
src: url(/assets/TIMESI.TTF-16-Italic-baf8283ca63eb32ae1d1f546959c817b50001901fc7d1ff355f5143e35dc7ea1.woff)
format("woff");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Times Pixelated 16";
src: url(/assets/TIMESBD.TTF-16-Bold-566bcacdc98e1ed8723a224dc8dbdcb7f8c59fb167d8412e1c2c1f25581af023.woff)
format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Times Pixelated 16";
src: url(/assets/TIMESBI.TTF-16-BoldItalic-af1495480292a462add1957555ae2003aa8372685b9f2f01a92b81b8bebbacef.woff)
format("woff");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Times Pixelated 24";
src: url(/assets/TIMES.TTF-24-Regular-7c0b1231563ed83046d8d6422b79676ed331447c65c814eab33f613c45a0393f.woff)
format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Times Pixelated 24";
src: url(/assets/TIMESI.TTF-24-Italic-58cf26148c9e6daa329b4a96efc98c862017d976777ae40dc9dd1268357edcf9.woff)
format("woff");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Times Pixelated 24";
src: url(/assets/TIMESBD.TTF-24-Bold-e2ccd12c29de9f46f55f6b22d8e8c9f22147450fcc3ced5089199e105b7b2acf.woff)
format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Times Pixelated 24";
src: url(/assets/TIMESBI.TTF-24-BoldItalic-a5aef918265b53cba782693603783cb0966fe01502db4f7decafc86743fc6df5.woff)
format("woff");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Times Pixelated 32";
src: url(/assets/TIMES.TTF-32-Regular-22dae76028f2c66f6d7b5157a3994078e4f4f782344d507eeac76f9b22156ca4.woff)
format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Times Pixelated 32";
src: url(/assets/TIMESI.TTF-32-Italic-fe7792e91f27e126d6d176b3a24e600205545b4ac5a98c3a80f06bdec7e42eb7.woff)
format("woff");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Times Pixelated 32";
src: url(/assets/TIMESBD.TTF-32-Bold-2164905c85a319d9746be1ddc807c7bc45f43f71508e5e2e37c937ef16d62efd.woff)
format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Times Pixelated 32";
src: url(/assets/TIMESBI.TTF-32-BoldItalic-ba954b5ab9235c0b4e3942b6c8158e8d85776ed0aa8e010eb143ba8a6f3678c5.woff)
format("woff");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "MS Sans Pixelated 13";
src: url(/assets/SSERIFF.FON-13-Regular-ce6e7d93364067828fa58397ba8bf6b9a8749d226b037e20aeb3d04895bb16c2.woff)
format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "MS Sans Pixelated 17";
src: url(/assets/SSERIFF.FON-17-Regular-87ebc7c9d334e8ebcd7a0ae82c49be0e6067608626321365ba7dbfcf2fa0202c.woff)
format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
p.footer {
color: grey;
}
table.messages {
width: 100%;
}
tr.unread {
background-color: yellow;
font-weight: bold;
}
table.messages tr td:last-child {
width: 50%;
}
textarea#message_message_body {
min-height: 30rem;
min-width: 600px;
}
html {
image-rendering: optimizeSpeed;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: pixelated;
image-rendering: optimize-contrast;
-ms-interpolation-mode: nearest-neighbor;
}
*:focus {
outline: none;
}
::selection {
background: #000080;
color: white;
}
::-moz-selection {
background: #000080;
color: white;
}
table.signup-blurb,
tr.signup-blurb {
background: yellow;
margin-bottom: 1em;
width: 100%;
}
table.already-signup-blurb {
background: teal;
color: white;
margin-bottom: 1em;
width: 100%;
}
textarea#homepage_html,
textarea#homepage_css {
min-height: 30rem;
}
input#homepage_title {
width: 100%;
}
input#homepage_filename {
width: 100%;
font-family: monospace;
}
span.hilite {
background: yellow;
margin-bottom: 1em;
width: 100%;
}
div.code-editor {
width: 100%;
height: 100%;
min-height: 30rem;
}
div.view-line,
div.line-numbers {
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
font-smooth: auto;
}