diff --git a/src/containers/pages/ErrorNotFound/styles.scss b/src/containers/pages/ErrorNotFound/styles.scss index bb083fb1..df1e4c1d 100644 --- a/src/containers/pages/ErrorNotFound/styles.scss +++ b/src/containers/pages/ErrorNotFound/styles.scss @@ -13,14 +13,24 @@ height: 100%; top: 0; left: 0; - padding-top: 120px; + padding-top: 25vh; display: flex; align-items: center; - justify-content: center; + justify-content: flex-start; box-sizing: border-box; + background: url('~/sprites/lost.svg') 50% 50% no-repeat/cover; + text-transform: uppercase; + text-align: center; h2 { text-transform: uppercase; margin-bottom: $gap; + font-size: 72px; + } + + @include tablet { + h2 { + font-size: 48px; + } } } diff --git a/src/sprites/lost.svg b/src/sprites/lost.svg index 3ab0b1ce..089de393 100644 --- a/src/sprites/lost.svg +++ b/src/sprites/lost.svg @@ -19,6 +19,18 @@ sodipodi:docname="lost.svg"> + + + + @@ -63,6 +75,16 @@ y1="168.6055" x2="253.89819" y2="339.79086" /> + image/svg+xml - + @@ -109,7 +131,7 @@ transform="translate(0,-11.249975)" style="display:inline"> - - - - - - - - - - + + + + + + + + + + + + + + + + + + +