/* Colors */

/* 
Primary: #8FD6CD
Secondary: #495159
*/

/* Fonts */

/* 
Display: Roboto Light
Headings: Rokkitt
Body: Oxygen
*/

@font-face {
    font-family: 'oxygen';
    src: url('../fonts/oxygen-regular.ttf'),
        url('../fonts/oxygen-regular.woff2') format('woff2'),
        url('../fonts/oxygen-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'rokkitt';
    src: url('../fonts/rokkitt-regular.ttf'),
        url('../fonts/rokkitt-regular.woff2') format('woff2'),
        url('../fonts/rokkitt-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'inconsolata';
    src: url('../fonts/inconsolata-variablefont_wdthwght-webfont.ttf'),
        url('../fonts/inconsolata-variablefont_wdthwght-webfont.woff2') format('woff2'),
        url('../fonts/inconsolata-variablefont_wdthwght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-regular.ttf'),
        url('../fonts/roboto-regular.woff2') format('woff2'),
        url('../fonts/roboto-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Hide both horizontal and vertical scrollbars */
::-webkit-scrollbar {
    display: none;
}

/* If you want to target only one direction (horizontal or vertical), you can use these */
::-webkit-scrollbar-horizontal {
    display: none;
}

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

.family-oxygen {
    font-family: 'oxygen';
}

.family-rokkitt {
    font-family: 'rokkitt';
}

.family-inconsolata {
    font-family: 'inconsolata';
}

.family-roboto {
    font-family: 'roboto';
}

html, 
body {
    font-family: 'roboto';
}

.text-5xl {
    line-height: 1.2!important;
}

/* Remove Input Arrows */
/* For Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* For Firefox */
input[type=number] {
    -moz-appearance: textfield;
}