diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2022-04-13 21:00:58 -0400 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2022-04-13 21:00:58 -0400 |
| commit | d8cc690dc0815185c479e688154ad320f689f9a2 (patch) | |
| tree | 7ff998a8a8fa2ad29f41f3b5d0306a96722506a5 /styles/Home.module.css | |
| parent | a2818a9af6d6a8a5a0f530308aff996fb1fb40fa (diff) | |
| download | smart-cooker-d8cc690dc0815185c479e688154ad320f689f9a2.tar.gz smart-cooker-d8cc690dc0815185c479e688154ad320f689f9a2.tar.bz2 smart-cooker-d8cc690dc0815185c479e688154ad320f689f9a2.zip | |
Finally working on the website
Diffstat (limited to 'styles/Home.module.css')
| -rw-r--r-- | styles/Home.module.css | 105 |
1 files changed, 0 insertions, 105 deletions
diff --git a/styles/Home.module.css b/styles/Home.module.css index 32a57d5..125e21c 100644 --- a/styles/Home.module.css +++ b/styles/Home.module.css @@ -3,114 +3,9 @@ } .main { - min-height: 100vh; - padding: 4rem 0; - flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; -} - -.footer { - display: flex; - flex: 1; - padding: 2rem 0; - border-top: 1px solid #eaeaea; - justify-content: center; - align-items: center; -} - -.footer a { - display: flex; - justify-content: center; - align-items: center; - flex-grow: 1; -} - -.title a { - color: #0070f3; - text-decoration: none; -} - -.title a:hover, -.title a:focus, -.title a:active { - text-decoration: underline; -} - -.title { - margin: 0; - line-height: 1.15; - font-size: 4rem; -} - -.title, -.description { text-align: center; } - -.description { - margin: 4rem 0; - line-height: 1.5; - font-size: 1.5rem; -} - -.code { - background: #fafafa; - border-radius: 5px; - padding: 0.75rem; - font-size: 1.1rem; - font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, - Bitstream Vera Sans Mono, Courier New, monospace; -} - -.grid { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: wrap; - max-width: 800px; -} - -.card { - margin: 1rem; - padding: 1.5rem; - text-align: left; - color: inherit; - text-decoration: none; - border: 1px solid #eaeaea; - border-radius: 10px; - transition: color 0.15s ease, border-color 0.15s ease; - max-width: 300px; -} - -.card:hover, -.card:focus, -.card:active { - color: #0070f3; - border-color: #0070f3; -} - -.card h2 { - margin: 0 0 1rem 0; - font-size: 1.5rem; -} - -.card p { - margin: 0; - font-size: 1.25rem; - line-height: 1.5; -} - -.logo { - height: 1em; - margin-left: 0.5rem; -} - -@media (max-width: 600px) { - .grid { - width: 100%; - flex-direction: column; - } -} |
