Skip to content

Commit 0c94a69

Browse files
committed
css updated
1 parent a3dac0c commit 0c94a69

File tree

1 file changed

+52
-1
lines changed

1 file changed

+52
-1
lines changed

Sprint-3/quote-generator/style.css

Lines changed: 52 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,52 @@
1-
/** Write your CSS in here **/
1+
h1 {
2+
font-family: Georgia, 'Times New Roman', Times, serif;
3+
font-size: 58px;
4+
color: #0b013d;
5+
text-align: center;
6+
}
7+
8+
body {
9+
background-color: #6396d9;
10+
font-family: Georgia, 'Times New Roman', Times, serif;
11+
text-align: center;
12+
padding: 40px;
13+
}
14+
15+
.container {
16+
width: 60%;
17+
margin: auto;
18+
}
19+
20+
.quote-box {
21+
background: rgb(242, 242, 243);
22+
padding: 20px;
23+
border-radius: 12px;
24+
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
25+
margin: 20px 0;
26+
}
27+
28+
.quote-text {
29+
font-size: 28px;
30+
font-weight: bold;
31+
color: #2e1717;
32+
}
33+
34+
.quote-author {
35+
font-size: 24px;
36+
color: #191919;
37+
margin-top: 10px;
38+
}
39+
40+
.quote-button {
41+
background: #f4efef;
42+
color: rgb(19, 8, 80);
43+
margin-top: 20px;
44+
padding: 10px 18px;
45+
border-radius: 8px;
46+
font-size: 24px;
47+
cursor: pointer;
48+
}
49+
50+
.quote-button:hover {
51+
background: #bbbfc2;
52+
}

0 commit comments

Comments
 (0)