zitadel

1
/* stylelint-disable docusaurus/copyright-header */
2

3
/**
4
 * CSS files with the .module.css suffix will be treated as CSS modules
5
 * and scoped locally.
6
 */
7

8
.heroBanner {
9
  padding: 4rem 0;
10
  text-align: center;
11
  position: relative;
12
  overflow: hidden;
13
}
14

15
.gigiwrapper {
16
  position: absolute;
17
  right: 0;
18
  top: 0;
19
}
20

21
.gigiwrapperrelative {
22
  position: relative;
23
  overflow: hidden;
24
  height: 256px;
25
  width: 256px;
26
}
27

28
.gigiwrapperrelative img {
29
  top: 50px;
30
  position: absolute;
31
  right: 0;
32
}
33

34
.gigibanner {
35
  position: absolute;
36
  top: 201px;
37
  right: -50px;
38
  padding: 1rem 0;
39
  background-color: var(--gigibannerbackground);
40
  color: var(--gigibannerforeground);
41
  transform: rotate(45deg);
42
  transform-origin: top right;
43
  width: 350px;
44
  text-align: center;
45
  font-weight: 700;
46
}
47

48
@media screen and (max-width: 800px) {
49
  .gigiwrapper {
50
    display: none;
51
  }
52
}
53

54
@media screen and (max-width: 966px) {
55
  .heroBanner {
56
    padding: 2rem;
57
  }
58
}
59

60
.buttons {
61
  display: flex;
62
  align-items: center;
63
  justify-content: center;
64
}
65

66
.features {
67
  display: flex;
68
  align-items: center;
69
  padding: 2rem 0;
70
  width: 100%;
71
}
72

73
.featureImage {
74
  height: 70px;
75
  width: 70px;
76
  margin: 1rem 1rem 1rem 0 !important;
77
  border-radius: 50% !important;
78
}
79

80
.homelink:hover,
81
.homelink:hover i {
82
  color: var(--ifm-link-color);
83
}
84

85
.homelinkicon {
86
  font-size: 1.2rem;
87
}
88

89
.quickstartcontainer {
90
  padding: 0;
91
  border-radius: 1rem;
92
  display: flex;
93
  flex-wrap: wrap;
94
  flex-direction: row;
95
  margin: -0.5rem;
96
}
97

98
.quickstart {
99
  flex: 1;
100
  padding: 1rem;
101
  margin: 0.5rem;
102
  min-width: 200px;
103
  display: flex;
104
  align-items: center;
105
  background: var(--list-background);
106
  border-radius: 1rem;
107
  border: 1px solid var(--card-border);
108
}
109

110
.quickstart p {
111
  margin: 0;
112
  font-size: 1.5rem;
113
}
114

115
.quickstartlinkimg {
116
  height: 80px;
117
  width: 80px;
118
  margin: 1rem 1rem 1rem 0 !important;
119
  border-radius: 1rem;
120
  background-size: cover;
121
  object-fit: contain;
122
  background-position: center;
123
}
124

125
@media screen and (max-width: 600px) {
126
  .quickstartcontainer {
127
    flex-direction: column;
128
  }
129

130
  .quickstartlinkimg {
131
    height: 60px;
132
    width: 60px;
133
  }
134

135
  .featureImage {
136
    height: 50px;
137
    width: 50px;
138
  }
139
}
140

141
.apilinks h2 {
142
  font-size: 1rem;
143
}
144