Card by WrongCodeU

1.card {
2  width: 12em;
3  height: 15em;
4  background: white;
5  border-radius: 1em;
6  border-color: black;
7  border-style: solid;
8  border-width: 0.4em;
9  box-shadow: 0.3em 0.3em black;
10}
11
12.svg-icon {
13  margin-top: 0.3em;
14  margin-left: 0.5em;
15  width: 2em;
16  height: 2.5em;
17}
18
19.svg-icon path,
20.svg-icon polygon,
21.svg-icon rect {
22  fill: grey;
23}
24
25.svg-icon circle {
26  stroke: #000;
27  stroke-width: 1;
28}
29
30.Name-9999 {
31  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
32  font-weight: 900;
33  font-size: 2em;
34  margin-left: 0.5em;
35}
36
37.Price-9999 {
38  margin-bottom: 0.3em;
39  margin-top: -0.3em;
40  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
41  font-weight: 900;
42  font-size: 3em;
43  margin-left: 0.3em;
44}
45
46.Description-9999 {
47  font-size: 1.1em;
48  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
49  font-weight: 900;
50  position: relative;
51  margin-left: 4em;
52  margin-top: -2.4em;
53}
54
55.YouGet-9999 {
56  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
57  font-weight: 900;
58  position: relative;
59  margin-left: 4em;
60  margin-top: -2.4em;
61  font-size: 1.1em;
62}
63
64.svg-icon2 {
65  margin-top: 1em;
66  margin-left: 0.5em;
67  width: 2em;
68  height: 2em;
69}
70
71.svg-icon2 path,
72.svg-icon2 polygon,
73.svg-icon2 rect {
74  fill: grey;
75}
76
77.svg-icon2 circle {
78  stroke: #000;
79  stroke-width: 1;
80}
81