diff options
Diffstat (limited to 'frontend/src/assets/main.css')
| -rw-r--r-- | frontend/src/assets/main.css | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/frontend/src/assets/main.css b/frontend/src/assets/main.css new file mode 100644 index 0000000..e8667cd --- /dev/null +++ b/frontend/src/assets/main.css | |||
| @@ -0,0 +1,35 @@ | |||
| 1 | @import './base.css'; | ||
| 2 | |||
| 3 | #app { | ||
| 4 | max-width: 1280px; | ||
| 5 | margin: 0 auto; | ||
| 6 | padding: 2rem; | ||
| 7 | |||
| 8 | font-weight: normal; | ||
| 9 | } | ||
| 10 | |||
| 11 | a, | ||
| 12 | .green { | ||
| 13 | text-decoration: none; | ||
| 14 | color: hsla(160, 100%, 37%, 1); | ||
| 15 | transition: 0.4s; | ||
| 16 | } | ||
| 17 | |||
| 18 | @media (hover: hover) { | ||
| 19 | a:hover { | ||
| 20 | background-color: hsla(160, 100%, 37%, 0.2); | ||
| 21 | } | ||
| 22 | } | ||
| 23 | |||
| 24 | @media (min-width: 1024px) { | ||
| 25 | body { | ||
| 26 | display: flex; | ||
| 27 | place-items: center; | ||
| 28 | } | ||
| 29 | |||
| 30 | #app { | ||
| 31 | display: grid; | ||
| 32 | grid-template-columns: 1fr 1fr; | ||
| 33 | padding: 0 2rem; | ||
| 34 | } | ||
| 35 | } | ||