* {
    box-sizing: border-box;
}

html {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
    background-color: #335C67;
    color: #fff;
}

@import 'components/bookmark';
@import 'components/forms';
@import 'components/header';
@import 'components/pagination';

a {
    &,
    &:active,
    &:visited {
        color: #fff;
    }

    &:hover {
        color: #88f;
    }
}

.container {
    max-width: 40rem;
    margin: 1em auto;
}