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

* {
    margin: 0;
}

body {
    font-size: 1.2rem;
    line-height: 1.5;
    line-height: calc(1em + 0.5rem);
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
    padding: 0;
    font-family: "Inria Serif";
}

img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}

input,
button,
textarea,
select {
    font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Inter";
}

#root,
#__next {
    isolation: isolate;
}

:root {
  --color-background: #669999;
  --color-text: #000000;
  --color-field: #EBEBEB;
  --color-header: #006666;
  --color-url: #006666;
  --color-strong-border: #006666;
  --color-weak-border: #00CC99;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-background: #16012C;
    --color-text:#EEEEEE;
    --color-field: #222222;
    --color-header: #CC0000;
    --color-url: #FF5050;
    --color-strong-border: #00FFCC;
    --color-weak-border: #00CC99;
  }
}

body {
    font-family: 'DejaVu Serif', 'Bitstream Vera Serif', serif;
    font-size:16px;
    background-color:var(--color-background);
    color:var(--color-text);
}

h1 {
    font-size:24px;
    font-weight:bold;
    margin-top:0;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
    color:var(--color-header);
}

h2 {
    font-size:18px;
    font-weight:bold;
    margin-top:0px;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
    color:var(--color-header);
}

a {
    text-decoration:none;
    color:var(--color-url);
}

a:visited {
    text-decoration:none;
    color:var(--color-url);
}

hr {
    background-color:var(--color-weak-border);
    border-style:none;
    width:100%;
    margin-left:0px;
    height:3px;
}

.zone {
    border-spacing:0px;
    line-height:1.3;
    width:100%;
}

.zone td {
    padding:0px;
    vertical-align:top;
    padding-bottom:7px;
}

.zone td:nth-child(1) {
    width:51px;
}
.zone td:nth-child(2) {
    width:11px;
    font-weight:bold;
    color:var(--color-strong-border);
}

.field {
    width:820px;
    margin:0 auto;
    margin-bottom:6px;
    padding:12px;
    border:3px solid var(--color-strong-border);
    background-color:var(--color-field);
}

.profile {
  float:right;
  width:200px;
  height:auto;
  border:3px solid var(--color-weak-border);
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("/fonts/inter-cyrilic-ext-normal.woff2") format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
        U+FE2E-FE2F;
}
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("/fonts/inter-cyrilic-normal.woff2") format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("/fonts/inter-greek-ext-normal.woff2") format("woff2");
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("/fonts/inter-greek-normal.woff2") format("woff2");
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1,
        U+03A3-03FF;
}
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("/fonts/inter-vietnamese-normal.woff2") format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,
        U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("/fonts/inter-latin-ext-normal.woff2") format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
        U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("/fonts/inter-latin-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122,
        U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Inria Serif";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url("/fonts/inria-latin-1.woff2") format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
        U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Inria Serif";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url("/fonts/inria-latin-2.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122,
        U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Inria Serif";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/inria-latin-ext1.woff2") format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
        U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Inria Serif";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/inria-latin-3.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122,
        U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Inria Serif";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url("/fonts/inria-latin-ext2.woff2") format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
        U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Inria Serif";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url("/fonts/inria-latin-4.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122,
        U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Inria Serif";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("/fonts/inria-latin-ext3.woff2") format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
        U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Inria Serif";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("/fonts/inria-latin-5.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122,
        U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Inria Serif";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/inria-latin-ext4.woff2") format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
        U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Inria Serif";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/inria-latin-6.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122,
        U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Inria Serif";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/fonts/inria-latin-ext5.woff2") format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
        U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Inria Serif";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/fonts/inria-latin-7.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122,
        U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}