@import url('base/reset.css');
@import url('base/variables.css');
@import url('base/typography.css');
@import url('base/static-pages.css');
@import url('layouts/navbar.css');
@import url('layouts/footer.css');
@import url('components/button.css');
@import url('components/modal.css');
@import url('components/flash-messages.css');
@import url('components/search-bar.css');
@import url('components/search-modal.css');
@import url('components/books-manager-table.css');
@import url('components/friends-slider.css');
@import url('components/cookie-consent.css');
@import url('components/header.css');
@import url('utils/helpers.css');
@import url('utils/grid.css');

.centered-container {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 600px) {
    .centered-container {
        padding-left: 14px;
        padding-right: 14px;
    }
}