@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0");

/* ==================== fonts ==================== */

@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&family=Share+Tech+Mono&display=swap");
/* font-family: "Share Tech Mono", monospace; */

/* =============================================== */
:root {
    --bgcolor: #453831;
    --subbgcolor: #2b2420;
    --fontcolor: #dddec6;
    --lines: #666666;
    --btncolor: #000000;
    --backredcolor: #bb0000;
    --backdarkredcolor: #540000;
}

::-webkit-scrollbar {
    display: none;
}

* {
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
    scroll-behavior: smooth;
    color: var(--fontcolor);
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
    overflow-y: scroll;
}

input::placeholder {
    color: var(--fontcolor);
}

body {
    width: 100%;
    min-height: 100dvh;
    background: var(--bgcolor);
}

#loginInput {
    background-color: var(--btncolor);
    width: 100%;
    padding: 1dvh;
    border: none;
    border-bottom: solid 5px var(--backredcolor);
}
#loginBtn {
    transition: 0.3s;
    border: none;
    background-color: var(--btncolor);
    width: 50%;
    padding: 1dvh;
    margin: 0dvh 0 1dvh 0;
}
#loginBtn:hover {
    background-color: var(--lines);
}

#btn {
    cursor: pointer;
}

a span {
    overflow: hidden;
}