:root {
    --dark: #46494C;
    --darker: #313335;
    --darkest: #27292A;
    --light: #C5C3C6;
    --lighter: #DCDCDD;
    --table-off-color: #F0F0F0;
    --lightest: #F5F5F5;

    --white: #F5F4F1;
    --off-white: #EEECE8;
    --red: #F94449;
    --green: #6FD08C;
    --yellow: #FFD470;
    --primary-color: #9AACAC;
    --primary-color-light: #B6C4C4;
    --black: #353535;
    --secondary-color: #AA625C;
    --gradient: linear-gradient(to bottom right, var(--black), var(--primary-color));
    --background-gradient: linear-gradient(45deg, rgba(51,56,61,1) 25%, rgba(53,64,71,1) 75%);
    --background: #F5F5F5;
    --phone: 720px;
    
    /* spacing */
    --spacing-normal: 2rem;
    --spacing-small: 1rem;
    --spacing: var(--spacing-normal);
    
    /* font */
    --font-normal: 100%;
    --font-size: var(--font-normal);
    
    /* radius */
    --radius-small: 5px;
    --radius-normal: 15px;
    --radius: var(--radius-small);

    --nav-width: 15rem;
    
    /* Breakpoints */
    --responsive-small: 1200px;
    --responsive-smaller: 960px;
    --responsive-smallest: 720px;
}

a{
    color: var(--black);
}

.hide-arrows ::-webkit-outer-spin-button,
.hide-arrows ::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.hide-arrows {
    -moz-appearance:textfield;
}