website/src/app/about/approach/VisionMission/styles.module.css at 9ba1142f7db286462f4ba3a00a58c836ad5eb96a · capn-nepal/website · GitHub

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
.textAccent {
    color: var(--color-text-accent);
    font-weight: var(--font-weight-extra-bold);
}

.visionAndMission {
    display: flex;
    padding: 0 var(--spacing-super-large);
    min-height: 50vh;

    .visionAndMissionContent {
        display: grid;
        margin: 0 auto;
        width: 100%;
        max-width: var(--width-page-min);
        grid-gap: var(--spacing-extra-large);
        grid-template-rows: 1fr 0.5fr;

        .vision {
            display: flex;
            flex-direction: column;
            gap: var(--spacing-extra-large);

            .visionDescription {
                display: flex;
                flex-direction: column;
            }
        }

        .mission {
            display: flex;
            flex-direction: column;
            gap: var(--spacing-extra-large);

            .missionDescription {
                display: flex;
                flex-direction: column;
                gap: var(--spacing-small);
            }
        }
    }
}

@media (max-width: 1014px) {
    .visionAndMission {
        padding: var(--spacing-super-large);
    }
}