diff options
Diffstat (limited to 'styles/global.scss')
-rw-r--r-- | styles/global.scss | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/styles/global.scss b/styles/global.scss new file mode 100644 index 0000000..222bc44 --- /dev/null +++ b/styles/global.scss @@ -0,0 +1,39 @@ +@import "reset"; +@import "window"; + +main { + position: fixed; + top: 2em; + left: 0; + bottom: 0; + right: 0; +} + +body { + margin: 0; + color: #222; + height: 100vh; + overflow: hidden; + + background: #50a3a2; + background: -webkit-linear-gradient(top left, #50a3a2 0%, #53e3a6 100%); + background: -moz-linear-gradient(top left, #50a3a2 0%, #53e3a6 100%); + background: -o-linear-gradient(top left, #50a3a2 0%, #53e3a6 100%); + background: linear-gradient(to bottom right, #50a3a2 0%, #53e3a6 100%); + + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, + 'Helvetica Neue', Arial, Noto Sans, sans-serif, 'Apple Color Emoji', + 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; +} + +textarea, input { + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, + 'Helvetica Neue', Arial, Noto Sans, sans-serif, 'Apple Color Emoji', + 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; +} + +.container { + margin: 1.5rem auto; + padding-left: 2rem; + padding-right: 2rem; +} |