@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('/public/assets/fonts/Sora-VariableFont_wght.ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('/public/assets/fonts/NotoSans-VariableFont_wdth,wght.ttf') format('truetype-variations');
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}

body {
    font-family: 'Sora', sans-serif;
    background-color: #f9fafb;
    color: #111827;
}

.bg-base {
    background-color: #f9fafb;
}

.logo-name {
    font-family: 'Noto Sans', sans-serif;
}

[x-cloak] {
    display: none !important;
}

.ql-editor ol {
    padding: 0 !important;
}