diff options
Diffstat (limited to 'styles')
| -rw-r--r-- | styles/Files.module.css | 60 | ||||
| -rw-r--r-- | styles/Home.module.css | 46 | ||||
| -rw-r--r-- | styles/globals.css | 16 |
3 files changed, 122 insertions, 0 deletions
diff --git a/styles/Files.module.css b/styles/Files.module.css new file mode 100644 index 0000000..23e5074 --- /dev/null +++ b/styles/Files.module.css @@ -0,0 +1,60 @@ +.container { + min-height: 100vh; + padding: 0 0.5rem; + display: flex; + flex-direction: column; + justify-content: center; +} + +.main { + flex: 1; + display: block; + width: 100%; + max-width: 600px; + margin: 6rem auto; + + font-family: monospace; + font-size: 20px; + color: #333; +} + +.main h1 { + margin: 1rem 0; + line-height: 1.15; + font-size: 28px; +} + +.listing { + margin: 0 -12px; +} + +.listing div { + padding: 4px 12px; +} + +.main a:hover, +.main a:active, +.main a:focus { + text-decoration: none; + font-weight: bold; +} + +.listing div:nth-child(even) { background: #eee } +.listing div:nth-child(odd) { background: #fff } + +.breadcrumbs { + margin: 1rem 0 1rem -8px; + font-size: 16px; + color: #666 !important; +} + +.breadcrumbs .separator { + margin: 0 8px; +} + +.homeLink { + font-size: 16px; + color: #666; + display: block; + margin-bottom: 2rem; +}
\ No newline at end of file diff --git a/styles/Home.module.css b/styles/Home.module.css new file mode 100644 index 0000000..4210e92 --- /dev/null +++ b/styles/Home.module.css @@ -0,0 +1,46 @@ +.container { + min-height: 100vh; + padding: 0 0.5rem; + display: flex; + flex-direction: column; + justify-content: center; +} + +.main { + padding: 5rem 0; + margin: 0 auto 8rem; + + flex: 1; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + font-family: monospace; + font-size: 16px; +} + +.title { + margin: 1rem 0; + line-height: 1.15; + font-size: 4rem; + color: #333; +} + +@media screen and (max-width: 450px) { + .title { + font-size: 13vw; + } +} + +.boxes { + width: 100%; +} + +.socials { + display: flex; + flex-flow: row wrap; + justify-content: space-between; + align-items: center; + margin-bottom: 4rem; +} diff --git a/styles/globals.css b/styles/globals.css new file mode 100644 index 0000000..e5e2dcc --- /dev/null +++ b/styles/globals.css @@ -0,0 +1,16 @@ +html, +body { + padding: 0; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, + Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; +} + +a { + color: inherit; + text-decoration: none; +} + +* { + box-sizing: border-box; +} |
