This repository has no description
1/* src/components/Home/Home.css */
2
3.home-page {
4 margin: 20px auto 20px;
5 max-width: 450px;
6 padding: 20px;
7 }
8
9 .home-page h1 {
10 margin: 0px;
11 color: var(--navbar-text);
12 transition: color 0.3s ease;
13 }
14
15 .home-content {
16 background-color: var(--navbar-bg);
17 border: 5px solid var(--card-border);
18 border-radius: 12px;
19 box-shadow: none;
20 padding: 40px;
21 text-align: center;
22 display: flex;
23 flex-direction: column;
24 transition: background-color 0.3s ease, border-color 0.3s ease;
25 }
26
27 .home-content .circular-badge {
28 margin-left: 0px;
29 margin-right: 0px;
30 }
31
32 .home-context-text {
33 max-width: 320px;
34 margin: auto;
35 }
36
37 /* Responsive Adjustments for Cards */
38@media (max-width: 440px) {
39 .home-context-text p {
40 font-size: 0.8em;
41 line-height: 1.2em;
42 }
43 .disclaimer {
44 font-size: 0.7em !important;
45 max-width: 165.5px;
46 margin: auto;
47 margin-bottom: 11.5px;
48 }
49}