body {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    margin: 0;
    background-color: black;
    color: white;
    --red: red;
    --black: #111;
    --blue: #0a4b8e;
    --grey: #333333;
    --s1: 6px;
    --s2: calc(var(--s1) *  1.618);
    --s3: calc(var(--s2) *  1.618);
    --s4: calc(var(--s3) *  1.618);
    --s5: calc(var(--s4) *  1.618);
    --s6: calc(var(--s5) *  1.618);
    --s7: calc(var(--s6) *  1.618);
    --s8: calc(var(--s7) *  1.618);
    --s9: calc(var(--s8) *  1.618);
    --s10: calc(var(--s9) *  1.618);
    --s11: calc(var(--s10) *  1.618);
    font-size: var(--s3);
    --r1: 2px;
    --r2: 4px;
    --r3: 8px;
    --r4: 16px;
    --r5: 25px;
    --r6: 40px;
    --r7: 60px;
    --r8: 100px;
    --r9: 150px;
    --r10: 220px;
    --r11: 300px;
}
.header-con {
    display: flex;
    justify-content: center;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.header-div {
    padding: 10px;
    background: radial-gradient(var(--red), var(--black));
    border-radius: 0px 0px 7px 7px;
}
.header-button {
    color: var(--red);
    background: radial-gradient(close,var(--grey), var(--black));
    border: unset;
    margin: 0 7px;
    cursor: pointer;
    border-radius: 3px;
    padding: 3px 9px;
}
.tsfm {
    margin: var(--r5) calc(22vw - 44px) 0 calc(22vw - 44px);
}
.tsfm input {
    background-color: var(--grey);
    padding: 3px;
    font-size: var(--s3);
    border-radius: 5px;
    border: 1px solid white;
    color: white !important;
}
.tsfm label,.label {
    font-size: calc(var(--s3) * 1.2) !important;
}
.tsfm button {
    margin-top: 18px;
    margin-bottom: 20px;
    background-color: var(--red);
    font-size: calc(var(--s3) * 0.9);
    font-weight: 500 !important;
    border: 1.5px solid white;
    padding: 5px 18px 4px 18px !important;
    color: #fff;
    cursor: pointer;
}
.tsfm button:hover {
    background-color: #000;
    transition: background-color 0.4s ease;
}
#pocketMoney-header {
    font-size: var(--s4);
    margin: 0 0 var(--r5) 0
}
input.fish,input.oil,input.calc,input.drvc,input.login {
    margin-top: 6px;
}
label.calc,label.drvc,label.login,label.pocketMoney {
    margin-top: 7px;
}
input.calc,input.drvc,input.login,input.pocketMoney {
    margin-top: 5px;
}