@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Victor+Mono:ital,wght@0,100..700;1,100..700&display=swap");
*{
    color: #c7c7c7;
    font-family: 'Comfortaa', helvetica, sans-serif;
}
table.head, table.foot {
    width: inherit;
}
td.head-rtitle, td.foot-os {
    text-align: right;
}
td.head-vol {
    text-align: center;
}
.Nd, .Bf, .Op {
    display: inline;
}
.Pa, .Ad {
    font-style: italic;
}
.Ms {
    font-weight: bold;
}
.Bl-diag > dt {
    font-weight: bold;
}
code.Nm, .Fl, .Cm, .Ic, code.In, .Fd, .Fn, .Cd {
    font-weight: bold;
    font-family: 'Victor Mono', monospace !important;
}
code, pre {
    font-family: 'Victor Mono', monospace !important;
}
i, em {
    color: #7f7f7f;
}
dt, b, strong {
    color: #f0f0f0;
}
hr {
    color: #363636;
    margin: 5px 0;
}
form{
    padding:0;
    margin:0;
}
.flexy {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #1f1e23;
    color: #c7c7c7;
}
h1, h2, h3, h4, h5, h6 {
    color: #8d53a6;
    padding: 0;
    margin: 0;
}
section, .head, .foot {
    margin: 10px 5px;
    padding: 4px 6px;
}
p, dt, table {
    margin: 2px 10px;
    padding: 5px 0;
}
a {
    color: #ff7597;
    text-decoration: underline;
}
a:hover {
    color: #db335d;
    text-decoration: underline;
}
input, textarea {
    background-color: #343434;
    border: 1px solid #c7c7c7;
    padding: 4px;
    border-radius: 5px;
    margin: 2px;
}

input[type="text"], textarea {
    height: inherit;
    width: 300px;
}

input[type="submit"] {
    background-color: #343434;
    font-weight: bold;
    cursor: pointer;
}
.flexy{
    position: fixed;
    z-index: 5;
    width: 100%;
    padding: 3px 0;
    margin: 0;
    top: 0;
    background-color: #1f1e23;
    border-bottom: #7f7f7f 1px solid;
}
.content{
    width: calc(100% - 10px);
    transform: translateY(40px);
    margin: 0;
    padding: 0;
}