*,
*::after {
    font-family: "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial,
        sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --header-width: 70px;
}

code {
    font-family: "SF Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo,
        Courier, monospace;
}

button {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
}

button,
input,
select,
textarea,
fieldset {
    outline: none;
    border: none;
}
button:enabled,
input:enabled,
select:enabled,
textarea:enabled {
    outline: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

img {
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a {
    text-decoration: none;
}

html,
body {
    width: 100vw;
    min-height: 100vh;
    background: #f4f7f8;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

::selection {
    background: #25353a;
    color: #f4f7f8;
}

h1,
h2,
h3,
h4,
p {
    color: #25353a;
}

/* Bootstrap Override */
.btn {
    padding: 6px 12px;
    box-shadow: 0px 2px 6px rgba(37, 53, 58, 0.2);
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
}
.btn svg {
    width: 100%;
    height: 100%;
}
.btn-primary {
    background: linear-gradient(0deg, #0e6dfb, #0e6dfb), #d9d9d9;
    color: #f4f7f8;
}
.btn-danger {
    background: linear-gradient(0deg, #db3649, #db3649), #d9d9d9;
    color: #f4f7f8;
}
.btn-success {
    background: linear-gradient(0deg, #188751, #188751), #d9d9d9;
    color: #f4f7f8;
}
.btn-warning {
    background: linear-gradient(0deg, #fec105, #fec105), #d9d9d9;
    color: #25353a;
}
.btn-info {
    background: linear-gradient(0deg, #0dcaf0, #0dcaf0), #d9d9d9;
    color: #25353a;
}