:root {
    --blue: #3490dc;
    --indigo: #6574cd;
    --purple: #9561e2;
    --pink: #f66d9b;
    --red: #e3342f;
    --orange: #f6993f;
    --yellow: #f3bf50;
    --green: #38c172;
    --teal: #4dc0b5;
    --cyan: #6cb2eb;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #3490dc;
    --secondary: #6c757d;
    --success: #38c172;
    --info: #6cb2eb;
    --warning: #ffed4a;
    --danger: #e3342f;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --bs-font-sans-serif: "Roboto", sans-serif;
    --bs-body-font-weight: 300;
    --font-family-sans-serif: "Roboto", sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --e-yellow: #f3bf50;
    --vh1: 1vh;
    --g-m: 12px;
    --icon-size1: 24px;
    --avatar-size: 50px;
    --fs1: 3em;
    --fs2: 2.5em;
    --fs3: 2em;
    --fs4: 1.5em;
    --fs5: 1em;
    --fs6: .5em;
    --input-bg: rgba(255, 255, 255, 0.1);
}
body{
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    position: relative;
}
html, body{
    overflow: hidden;
}
html, body, .vh100{
    height: calc(var(--vh1)*100);
}
a{
    color: var(--e-yellow);
}
a:hover{
    color: var(--e-yellow);
}