@import url('https://fonts.googleapis.com/css2?family=Kanit&display=swap');

:root {
    /* Styling Settings */
    --container-max-width: 1500px;
    --nav-height: 50px;
    --nav-text-color: #666;
    --nav-text-color-hover: var(--black);
    --nav-bg: #fbfbfb;
    --nav-hover-bottom: var(--darkblue);
}

* {
    font-family: 'Kanit';
}

body {
    background: #f4f4f4;
}

@media only screen and (max-width: 750px) {
    .category { 
        padding: 30px !important;
    }
}

.tab {
    background: var(--lightgrey);
}