diff options
Diffstat (limited to 'src/scss/auth.scss')
| -rw-r--r-- | src/scss/auth.scss | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/src/scss/auth.scss b/src/scss/auth.scss new file mode 100644 index 0000000..5f4fb91 --- /dev/null +++ b/src/scss/auth.scss @@ -0,0 +1,51 @@ +@import "./variables"; +@import "./mixins"; + +#main-content { + padding-top: 20rem; + padding-bottom: 5rem; + display: flex; + flex-direction: row; + justify-content: center; +} + +.branding { + max-width: 100%; + width: 30rem; + margin-right: 5rem; +} + +.branding h1 { + color: $blue; + font-family: facebook; + font-size: 3.5rem; +} + +.branding span { + font-size: 1.5rem; +} + +.form { + display: flex; + flex-direction: column; + width: 30rem; + max-width: 100%; +} + +@media(max-width: 1200px) { + #main-content { + flex-direction: column; + align-items: center; + width: 100%; + padding: 10rem 1rem; + } + + .branding { + margin: 0; + } + + .form { + margin-top: 4rem; + } +} + |