body {
    background-image: url(img/background.jpg);
}

* {
    box-sizing: border-box;
}

.content {
    margin: 0 auto;
    padding: 0 var(--space-small);
    max-width: var(--width);
}

%card {
    background: white;
    box-shadow: var(--elevation-medium);
    padding: var(--space-large) var(--space-xlarge);
    border-radius: var(--border-radius-medium);
    overflow: hidden;

    @media($mobile-breakpoint) {
        padding: var(--space-medium) var(--space-large);
    }
}
