1@import "tailwindcss";
2@import "./base.css";
3
4#app {
5 max-width: 1280px;
6 margin: 0 auto;
7 padding: 2rem;
8 font-weight: normal;
9}
10
11a,
12.green {
13 text-decoration: none;
14 color: hsla(160, 100%, 37%, 1);
15 transition: 0.4s;
16 padding: 3px;
17}
18
19@media (hover: hover) {
20 a:hover {
21 background-color: hsla(160, 100%, 37%, 0.2);
22 }
23}
24
25@media (min-width: 1024px) {
26 body {
27 display: flex;
28 place-items: center;
29 }
30
31 #app {
32 display: grid;
33 grid-template-columns: 1fr 1fr;
34 padding: 0 2rem;
35 }
36}