-
Notifications
You must be signed in to change notification settings - Fork 0
/
styles.css
125 lines (102 loc) · 1.81 KB
/
styles.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
body {
height: 100%;
align-items:center;
display:flex;
justify-content:center;
height:100%;
background:hsl(47, 88%, 63%);
}
.container {
left:50%;
top:50%;
transform:translate(-50%, -50%);
position:absolute;
display:block;
justify-content:center;
background:white;
border-radius:.75rem;
border:1px black solid;
box-shadow: 6px 6px black;
width:240px;
height:340px;
}
img {
margin:15px;
max-width: 90%;
max-height: 100%;
display: block;
margin-left: auto;
margin-right: auto;
border-radius:0.65rem;
}
.one {
display:inline-flex;
justify-content:center;
}
.learning
{
font-size:16px;
font-family:Figtree;
line-height:0.9rem;
}
.learning2 {
background:hsl(47, 88%, 63%);
line-height:50%;
text-align:center;
width:65px;
height:20px;
border-radius:.20rem;
top:40px;
margin-left:15px;
font-weight:900;
font-size:10px;
line-height:1.4rem;
margin: 0 15px 0 15px;
}
.p1 {
text-align:left;
font-size:10px;
margin: 0 15px 0 15px;
font-family:Figtree;
font-weight:500;
letter-spacing:.0001rem;
position:relative;
top:-2px;
}
h1 {
text-align:left;
font-size:16px;
margin: 0 15px 0 15px;
font-family:Figtree;
font-weight:800;
}
.p2 {
text-align:left;
font-size:10px;
margin: 0 15px 0 15px;
font-family:Figtree;
color:hsl(0, 0%, 50%);
}
.footer {
margin: 0 15px 0 15px;
display:inline-flex;
align-items:center;
margin-right:15px;
}
.icon {
width:20px;
display:inline-flex;
margin-right:7px;
}
.p3 {
font-family:Figtree;
font-size:10px;
font-weight:800;
}
/* <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 300 to 900*/
.figtree-<uniquifier> {
font-family: "Figtree", sans-serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;