corso vuejs
view | history | commit | commitdiff
Cristiano Magro
2024-12-26 b73b3b8a1f10bf441946147eb8150d1f0a665457
commit | author | age
b73b3b 1 * {
CM 2   box-sizing: border-box;
3 }
4
5 html {
6   font-family: 'Jost', sans-serif;
7 }
8
9 body {
10   margin: 0;
11 }
12
13 header {
14   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
15   margin: 3rem;
16   border-radius: 10px;
17   padding: 1rem;
18   background-color: #1b995e;
19   color: white;
20   text-align: center;
21 }
22
23 #assignment {
24   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
25   margin: 3rem;
26   border-radius: 10px;
27   padding: 1rem;
28   text-align: center;
29 }
30
31 #assignment h2 {
32   font-size: 2rem;
33   border-bottom: 4px solid #ccc;
34   color: #1b995e;
35   margin: 0 0 1rem 0;
36 }
37
38 #assignment ul {
39   list-style: none;
40   margin: 1rem 0;
41   padding: 0;
42 }
43
44 #assignment li {
45   margin: 1rem 0;
46   font-size: 1.25rem;
47   font-weight: bold;
48   background-color: #8ddba4;
49   padding: 0.5rem;
50   color: #1f1f1f;
51   border-radius: 25px;
52 }
53
54 #assignment input {
55   font: inherit;
56   border: 1px solid #ccc;
57 }
58
59 #assignment input:focus {
60   outline: none;
61   border-color: #1b995e;
62   background-color: #d7fdeb;
63 }
64
65 #assignment button {
66   font: inherit;
67   cursor: pointer;
68   border: 1px solid #ff0077;
69   background-color: #ff0077;
70   color: white;
71   padding: 0.05rem 1rem;
72   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26);
73 }
74
75 #assignment button:hover,
76 #assignment button:active {
77   background-color: #ec3169;
78   border-color: #ec3169;
79   box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.26);
80 }