/* Colors */

/* 
Primary: #6C93C6
Secondary: #867CB6
*/

/* Fonts */

/* 
Display: Playfair Display
Headings: Playfair Display
Body: Poppins
*/

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

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

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

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

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

/* 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;
}



/* 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;
}