|
31 | 31 | } |
32 | 32 |
|
33 | 33 | .buttons:hover { |
34 | | - color: #000000; |
| 34 | + color: #151515; |
35 | 35 | background-color: #E6E6E6; |
36 | 36 | } |
37 | 37 |
|
|
53 | 53 | } |
54 | 54 |
|
55 | 55 | .gold_button:hover { |
56 | | - color: #000000; |
| 56 | + color: #151515; |
57 | 57 | background-color: #F1CF3B; |
58 | 58 | } |
59 | 59 |
|
60 | 60 | #special { |
61 | | - background-color: #000000; |
| 61 | + background-color: #151515; |
62 | 62 | width: calc(100% - 140px); |
63 | | - margin: 0px 70px 0px 70px; |
| 63 | + margin: 0px 70px 70px 70px; |
64 | 64 | border-radius: 70px 70px 70px 70px; |
65 | 65 | border: 10px solid #F1CF3B; |
66 | 66 | overflow: hidden; |
|
71 | 71 | margin: 0px; |
72 | 72 | font-size: 25px; |
73 | 73 | color: #E6E6E6; |
74 | | - background-color: #000000; |
| 74 | + background-color: #151515; |
75 | 75 | border-radius: 70px; |
76 | 76 | text-align: center; |
77 | 77 | } |
|
81 | 81 | margin: 0px; |
82 | 82 | font-size: 30px; |
83 | 83 | color: #F1CF3B; |
84 | | - background-color: #000000; |
| 84 | + background-color: #151515; |
85 | 85 | border-radius: 70px; |
86 | 86 | text-align: center; |
87 | 87 | } |
88 | 88 |
|
| 89 | + #page { |
| 90 | + border-radius: 70px 70px 70px 70px; |
| 91 | + border: 10px solid #151515; |
| 92 | + width: 90%; |
| 93 | + margin: 70px auto; |
| 94 | + } |
| 95 | + |
89 | 96 | @media screen and (max-width: 900px) { |
90 | 97 | #special { |
91 | 98 | width: calc(100% - 60px); |
92 | | - margin: 0px 40px 0px 20px; |
| 99 | + margin: 0px 40px 70px 20px; |
93 | 100 | padding-top: 30px; |
94 | 101 | } |
95 | 102 | } |
|
132 | 139 | </div> |
133 | 140 |
|
134 | 141 |
|
135 | | - |
| 142 | + <div id="page"> |
136 | 143 | <div class="center_container"> |
137 | 144 | <p class="container_heading">Contents</p> |
138 | 145 | <div class="container_heading_underline" style="background-color: #660099"></div> |
|
150 | 157 |
|
151 | 158 |
|
152 | 159 | <svg width="70" height="70" xmlns="http://www.w3.org/2000/svg" style="float:right;"> <!-- right top --> |
153 | | - <path d="M0,0 L0,70 A70,70 0 0 1 70,0 L0,0" fill="#000000" transform="rotate(180 35 35)" /> |
| 160 | + <path d="M0,0 L0,70 A70,70 0 0 1 70,0 L0,0" fill="#151515" transform="rotate(180 35 35)" /> |
154 | 161 | </svg> |
155 | 162 |
|
156 | 163 |
|
|
196 | 203 |
|
197 | 204 |
|
198 | 205 | <svg width="70" height="70" xmlns="http://www.w3.org/2000/svg" style="float:right;"> <!-- right bottom --> |
199 | | - <path d="M0,0 L0,70 A70,70 0 0 1 70,0 L0,0" fill="#000000" transform="rotate(90 35 35)" /> |
| 206 | + <path d="M0,0 L0,70 A70,70 0 0 1 70,0 L0,0" fill="#151515" transform="rotate(90 35 35)" /> |
200 | 207 | </svg> |
201 | 208 | <svg width="70" height="70" xmlns="http://www.w3.org/2000/svg" style="float:left" > <!-- left top --> |
202 | | - <path d="M0,0 L0,70 A70,70 0 0 1 70,0 L0,0" fill="#000000" transform="rotate(270 35 35)" /> |
| 209 | + <path d="M0,0 L0,70 A70,70 0 0 1 70,0 L0,0" fill="#151515" transform="rotate(270 35 35)" /> |
203 | 210 | </svg> |
204 | 211 |
|
205 | 212 |
|
|
234 | 241 | ⚪ <gold>Yooh Amir</gold> |
235 | 242 | </p> |
236 | 243 |
|
| 244 | + <p class="container_description_points"> |
| 245 | + ⚪ <gold>Arham</gold> |
| 246 | + </p> |
| 247 | + |
237 | 248 | <p class="container_description_points"> |
238 | 249 | ⚪ <blue>Ali Shaheen</blue> |
239 | 250 | </p> |
|
247 | 258 |
|
248 | 259 |
|
249 | 260 | <svg width="70" height="70" xmlns="http://www.w3.org/2000/svg" style="float:left" > <!-- left bottom --> |
250 | | - <path d="M0,0 L0,70 A70,70 0 0 1 70,0 L0,0" fill="#000000" /> |
| 261 | + <path d="M0,0 L0,70 A70,70 0 0 1 70,0 L0,0" fill="#151515" /> |
251 | 262 | </svg> |
252 | 263 | <svg width="70" height="70" xmlns="http://www.w3.org/2000/svg" style="float:right;"> <!-- right top --> |
253 | | - <path d="M0,0 L0,70 A70,70 0 0 1 70,0 L0,0" fill="#000000" transform="rotate(180 35 35)" /> |
| 264 | + <path d="M0,0 L0,70 A70,70 0 0 1 70,0 L0,0" fill="#151515" transform="rotate(180 35 35)" /> |
254 | 265 | </svg> |
255 | 266 |
|
256 | 267 |
|
|
320 | 331 |
|
321 | 332 |
|
322 | 333 | <svg width="70" height="70" xmlns="http://www.w3.org/2000/svg" style="float:right;"> <!-- right bottom --> |
323 | | - <path d="M0,0 L0,70 A70,70 0 0 1 70,0 L0,0" fill="#000000" transform="rotate(90 35 35)" /> |
| 334 | + <path d="M0,0 L0,70 A70,70 0 0 1 70,0 L0,0" fill="#151515" transform="rotate(90 35 35)" /> |
324 | 335 | </svg> |
325 | 336 |
|
326 | 337 |
|
|
344 | 355 | <br/> |
345 | 356 |
|
346 | 357 | </div> |
| 358 | + </div> |
347 | 359 |
|
348 | 360 |
|
349 | 361 | <div class="footer_container"> |
|
0 commit comments