:root {
	--backs: rgb(0, 51, 51);
	--misc: rgba(0,238,238,0.1);
	--borders: rgba(0,238,238,0.5);
	--texts: rgb(0,238,238);
}
html,
body {
    background-color: var(--backs);
    color: var(--texts);
}
.t1,
.t2 {
    color: var(--borders);
}
a {
    color: var(--texts);
    border-bottom: dashed 1.5px var(--borders);
}
hr {
    border-bottom: dotted 1.5px var(--borders);
}
table {
    border: dotted 1.5px var(--borders);
}
::selection {
    background: var(--texts);
    color: var(--backs);
}
::-moz-selection {
    background: var(--texts);
    color: var(--backs);
}
.alt {
    background: var(--misc);
}
input,
button,
select,
option,
textarea {
    border: dotted 1.5px var(--borders);
    background-color: var(--backs);
    color: var(--texts);
}
input:hover,
button:hover,
select:hover,
a:hover,
textarea:hover {
    background: var(--texts);
    color: var(--backs);
}
input::placeholder,
textarea::placeholder {
    color: var(--borders);
}
input:hover::placeholder,
textarea:hover::placeholder {
    color: var(--backs);
}
:focus,
:focus-visible {
    background: var(--texts);
    color: var(--backs);
}
code {
    border: dotted 1px var(--borders);
    background-color: var(--misc);
    color: var(--texts);
}
#copytext-tip{
    background-color: var(--borders);
    color: var(--backs);
}