diff --git a/src/index.css b/src/index.css index 34ed8a1..329efbc 100644 --- a/src/index.css +++ b/src/index.css @@ -33,6 +33,7 @@ html { #container { background: url(./assets/images/container-background.svg) grey; + background-size: cover; box-shadow: 0 0 0.15em 0.15em rgba(0, 0, 0, 0.125); padding: 1em 0; margin: 0 auto; @@ -58,3 +59,25 @@ html { .identities .small-labels .group::before, .identities .small-labels .label::before { color: #333; } + +@media (max-width: 768px) { + body { + padding: 0; + } + + #container { + padding: 0; + } + + #container, #container>*:first-child { + border-top-left-radius: 0; + } + + #container, #container>*:last-child, #container>*:last-child>*:last-child { + border-bottom-right-radius: 0; + } + + .section.header { + background: rgba(0, 0, 0, 0.75); + } +}