1
+ body {
2
+ border-top : 0px ;
3
+ }
4
+
5
+ .container {
6
+ display : flex;
7
+ justify-content : space-between;
8
+ padding : 20px ;
9
+ }
10
+
11
+ .main {
12
+ flex : 10 ;
13
+ margin : 0 20px ;
14
+ }
15
+
16
+ .title1 {
17
+ font-size : 30px ;
18
+ }
19
+
20
+ .bookpic {
21
+ height : 300px ;
22
+ }
23
+
24
+ .card : hover {
25
+ color : rgb (0 , 132 , 255 );
26
+ cursor : pointer;
27
+ }
28
+
29
+ .rainbow-text {
30
+ display : inline-block;
31
+ background-image : -webkit-linear-gradient (90deg , red, orange, yellow, red, orange);
32
+ -webkit-background-clip : text;
33
+ color : transparent;
34
+ }
35
+
36
+ .ad-banner {
37
+ width : 100% ;
38
+ height : 200px ;
39
+ background-color : gray;
40
+ color : white;
41
+ text-align : center;
42
+ }
43
+
44
+ .ad-side {
45
+ /* width: 10%; */
46
+ height : 600px ;
47
+ background-color : gray;
48
+ color : white;
49
+ text-align : center;
50
+ flex : 1 ;
51
+ }
52
+
53
+ .custom-caption {
54
+ text-align : center;
55
+ padding : 50px ;
56
+ color : white;
57
+ background-color : rgba (0 , 0 , 0 , .3 );
58
+ }
59
+
60
+ .combined-color-1 {
61
+ background : radial-gradient (ellipse at top, # e66465, transparent),
62
+ radial-gradient (ellipse at bottom, # 4d9f0c, transparent),
63
+ radial-gradient (ellipse at left, # 0fce65, transparent),
64
+ radial-gradient (ellipse at right, # f3c809, transparent);
65
+ }
66
+
67
+ .combined-color-2 {
68
+ background : radial-gradient (ellipse at top, # a3e664, transparent),
69
+ radial-gradient (ellipse at bottom, # 0c9f6e, transparent),
70
+ radial-gradient (ellipse at left, # 0f92ce, transparent),
71
+ radial-gradient (ellipse at right, # f309c0, transparent);
72
+ }
73
+
74
+ .combined-color-3 {
75
+ background : radial-gradient (ellipse at top, # 64d7e6, transparent),
76
+ radial-gradient (ellipse at bottom, # 9f780c, transparent),
77
+ radial-gradient (ellipse at left, # b80fce, transparent),
78
+ radial-gradient (ellipse at right, # 09f328, transparent);
79
+ }
80
+
81
+ .combined-color-4 {
82
+ background : radial-gradient (ellipse at top, # 64e6db, transparent),
83
+ radial-gradient (ellipse at bottom, # ecdd07, transparent),
84
+ radial-gradient (ellipse at left, # ce2c0f, transparent),
85
+ radial-gradient (ellipse at right, # 9509f3, transparent);
86
+ }
87
+
88
+ .combined-color-5 {
89
+ background : radial-gradient (ellipse at top, # e67864, transparent),
90
+ radial-gradient (ellipse at bottom, # 3cec07, transparent),
91
+ radial-gradient (ellipse at left, # 0f32ce, transparent),
92
+ radial-gradient (ellipse at right, # f30957, transparent);
93
+ }
94
+
95
+ .combined-color-6 {
96
+ background : radial-gradient (ellipse at top, # c42bd8, transparent),
97
+ radial-gradient (ellipse at bottom, # ec6e07, transparent),
98
+ radial-gradient (ellipse at left, # 4cce0f, transparent),
99
+ radial-gradient (ellipse at right, # 0995f3, transparent);
100
+ }
101
+
102
+ .combined-color-7 {
103
+ background : radial-gradient (ellipse at top, # d82b2b, transparent),
104
+ radial-gradient (ellipse at bottom, # ddec07, transparent),
105
+ radial-gradient (ellipse at left, # 0fcece, transparent),
106
+ radial-gradient (ellipse at right, # 2009f3, transparent);
107
+ }
108
+
109
+ .combined-color-8 {
110
+ background : radial-gradient (ellipse at top, # 2bd85f, transparent),
111
+ radial-gradient (ellipse at bottom, # 4c07ec, transparent),
112
+ radial-gradient (ellipse at left, # 1fce0f, transparent),
113
+ radial-gradient (ellipse at right, # f30999, transparent);
114
+ }
115
+
116
+ .combined-color-9 {
117
+ background : radial-gradient (ellipse at top, # 2bbed8, transparent),
118
+ radial-gradient (ellipse at bottom, # ec4807, transparent),
119
+ radial-gradient (ellipse at left, # ce0fa5, transparent),
120
+ radial-gradient (ellipse at right, # 86f309, transparent);
121
+ }
122
+
123
+ .combined-color-10 {
124
+ background : radial-gradient (ellipse at top, # d82bca, transparent),
125
+ radial-gradient (ellipse at bottom, # 94ec07, transparent),
126
+ radial-gradient (ellipse at left, # 0fb8ce, transparent),
127
+ radial-gradient (ellipse at right, # dcf309, transparent);
128
+ }
129
+
130
+ .carousel {
131
+ display : flex;
132
+ overflow : hidden;
133
+ width : 100% ;
134
+ height : 300px ;
135
+ }
136
+
137
+ .carousel-track {
138
+ display : flex;
139
+ transition : transform 0.5s ease;
140
+ }
141
+
142
+ .person {
143
+ max-width : 100% ;
144
+ width : 300px ;
145
+ height : 400px ;
146
+ display : flex;
147
+ justify-content : center;
148
+ align-items : center;
149
+ }
150
+
151
+ .person-outline {
152
+ width : 340px ;
153
+ height : 500px ;
154
+ }
155
+
156
+ /* .person img {
157
+ max-height: 100%;
158
+ max-width: 80%;
159
+ } */
0 commit comments