/* Default the styles */
html, header, body, main, div, footer, a, nav, section, form, app-data { padding: 0; margin: 0; box-sizing: border-box; user-select: none; }
body { opacity: 1.0; transition: 0.0s; transition-duration: 0.0s; }
main { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; }
section { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; }
h1, h2, h3, h4, h5, h6, span { margin: 0; user-select: none; }
h1, h2, h3, h4, h5, h6 { font-weight: 600; }
h1 { font-size: var(--font-size-h1); } h2 { font-size: var(--font-size-h2); } h3 { font-size: var(--font-size-h3); } h4 { font-size: var(--font-size-h4); } h5 { font-size: var(--font-size-h5); } h6 { font-size: var(--font-size-h6); }
p { margin: 7px 0px 4px 0px; }
b, strong { color: rgb(137, 187, 77); font-weight: 400; }
form { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; }
label { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; font-size: 0.9vw; width: 100%; margin-bottom: 4px; opacity: 0.7; }
input, textarea { outline: none; cursor: text; }
input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type="checkbox"] { cursor: default; }
code { user-select: text; cursor: text; }
code > * { cursor: text; }
code > a { cursor: default; }
button { outline: none; white-space: nowrap; }
a { color: rgb(57, 57, 57); font-weight: 500; font-size: var(--font-size-link); text-decoration: none; text-transform: none; user-select: none; transition: 0.4s; }
a:hover { transition: 0.2s; color: rgb(237, 57, 57); }
a > i { margin-right: 4px; }
::-webkit-scrollbar { width: 0.3vw; height: 0.3vw; }
::-webkit-scrollbar-thumb { background: rgb(220, 227, 217); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: rgb(157, 217, 97); }
::-webkit-scrollbar-track { background: rgba(220, 227, 217, 0.17); border-radius: 4px; box-shadow: inset 0px 0px 0px 0px rgba(1, 1, 1, 0.0); }
::selection { background: rgb(221, 221, 221); }
img { user-select: none; }
ol, ul { padding-left: var(--size-17); box-sizing: border-box; }
li { width: auto !important; }