@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@400;500;600;700;800;900&family=Maven+Pro:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@600;700;800;900&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    transition: 0.2s ease-in-out;
}

html {
    scroll-behavior: smooth;
}

a {
    text-decoration: none;
}

:root {
    --primary: #ffb43c;
    --primary-fade: #ba7300;
    --text: #f5f5f5;
    --background: #000000;
    --head-font: 'Geologica';
    --text-font: 'Maven Pro';
}

body {
    font-family: var(--text-font);
    background: var(--background);
    color: var(--text);
}

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 4px;
    border-radius: 3px;
    height: 3px;
    margin: 0px 10px;
}

::-webkit-scrollbar-track {
    background: transparent;
    margin: 0px 20px;
}

::-webkit-scrollbar-thumb {
    background: rgb(170, 170, 170);
    border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
    background: orange;
    ;
}


/* Number inputbox Styling */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}