:root{
    --bg: #130a13;
    --hl: rgb(241, 147, 79);
    --brick: rgb(190, 77, 68);
    --t1: rgb(226, 224, 85);
    --bg2: #29180a;
    --t2: rgb(119, 230, 119);
}
body {
    font-family:sans-serif;
    color:var(--t2);
    background-color: var(--bg);
}
nav {
    background-color: var(--bg2);
    height: 3em;
    vertical-align: middle;
}
.nav-container {
    text-align: center;
    padding:1em;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}

input {
    background-color: var(--bg);
    border-bottom-color: rgb(115, 107, 94);
    border-left-color: rgb(115, 107, 94);
    border-right-color: rgb(115, 107, 94);
    border-top-color: rgb(115, 107, 94);
    color: var(--t2);
    vertical-align:top;
}
textarea, select, option{
    background-color: var(--bg);
    border-bottom-color: rgb(115, 107, 94);
    border-left-color: rgb(115, 107, 94);
    border-right-color: rgb(115, 107, 94);
    border-top-color: rgb(115, 107, 94);
    color: var(--t2);
}

label{
    vertical-align: top;
}
a {
    transition: color 0.2s ease-out
}
a:visited {
    color: var(--t1)
}
a:link {
    color: var(--t1)
}
a:hover {
    color: var(--hl);
}
.nav-text{
    color: var(--hl)
}
.nav-text:visited{
    color: var(--hl)
}
.nav-text:link{
    color: var(--hl)
}
table {
    border-collapse: collapse;
    width:max-content
}
td {
    border:1px solid gray;
}
td, th{
    padding-right: 10px;
    padding-left: 4px;
}
.form-buttons{
    width:50%;
    position:relative;
    box-sizing:content-box;
    min-width:291.6px;
    display: flex;
    justify-content: flex-end;
    gap:1em
}
.jacquard-12-regular {
    font-family: "Jacquard 12", serif;
    font-weight: 400;
    font-style: normal;
}
.title-text{
    font-size: 6.5em;
    margin-top: .2em;
    margin-bottom: .2em;
}
.bit-text {
    font-family: "VT323", serif;
    font-weight: 400;
    font-style: normal;
}
h1 {
    font-family: "VT323", serif;
    font-style: normal;
    font-weight: bold;
    font-size:3em;
    margin:0;
}