@import "./theme-liteyuki-origin-light.css" (prefers-color-scheme: light);
@import "./theme-liteyuki-origin-dark.css" (prefers-color-scheme: dark);

body {
    background-image: url(https://cdn.liteyuki.org/blog/background.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: var(--color-text);
}

.flex-container-main, .ui.container {
    backdrop-filter: blur(10px);
    background-color: var(--color-secondary-alpha-70);
    padding: 1rem;
    border-radius: 1rem;
}

.dashboard .secondary-nav {
    padding: 0 !important;
    border-radius: 0rem !important;
}

.menu {
    backdrop-filter: blur(10px) !important;
    background-color: var(--color-secondary-alpha-70) !important;
    border-radius: 1rem !important;
}

.pagination.menu{
    border-radius: 10rem !important;
}

.input{
    border-radius: 5rem !important;
}