├── README.md
└── styles
    └── index.css


/README.md:
--------------------------------------------------------------------------------
1 | # Styles
2 | 
3 | https://gitcdn.link/repo/midudev/code-sandbox-midudev/master/styles/index.css
4 | 
5 | # Web Components


--------------------------------------------------------------------------------
/styles/index.css:
--------------------------------------------------------------------------------
 1 | * {
 2 |   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
 3 |     Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 4 | }
 5 | 
 6 | h1,
 7 | h2 {
 8 |   text-align: center;
 9 |   margin: 0;
10 |   padding: 0;
11 | }
12 | 
13 | h1 {
14 |   font-weight: 400;
15 |   font-size: 24px;
16 | }
17 | 
18 | h2 {
19 |   font-weight: 500;
20 |   font-size: 16px;
21 |   margin: 8px 0;
22 | }
23 | 
24 | h3 {
25 |   font-weight: 700;
26 |   font-size: 14px;
27 | }
28 | 
29 | body {
30 |   align-items: center;
31 |   display: flex;
32 |   flex-direction: column;
33 |   justify-content: center;
34 | }
35 | 
36 | section {
37 |   align-items: center;
38 |   display: flex;
39 |   flex-direction: column;
40 |   justify-content: center;
41 |   max-width: 500px;
42 | }
43 | 
44 | button {
45 |   border: 1px solid #ccc;
46 |   border-radius: 4px;
47 |   color: #333;
48 |   cursor: pointer;
49 |   margin-top: 8px;
50 |   padding: 4px 16px;
51 |   width: 100%;
52 | }
53 | 
54 | button:hover {
55 |   background-color: #eee;
56 |   opacity: 0.75;
57 | }
58 | 
59 | a {
60 |   border-bottom: 1px dashed #09f;
61 |   color: #09f;
62 |   margin-top: 16px;
63 |   text-decoration: none;
64 | }


--------------------------------------------------------------------------------