blob: 3fac28df5ed603eb8f7cd28bebb3be83bfa20ac9 [file] [log] [blame]
Lokesh Yadava6a5fa02022-07-15 19:20:06 +05301:root {
2 --dl-color-gray-500: #595959;
3 --dl-color-gray-700: #999999;
4 --dl-color-gray-900: #D9D9D9;
5 --dl-size-size-large: 144px;
6 --dl-size-size-small: 48px;
7 --dl-color-danger-300: #A22020;
8 --dl-color-danger-500: #BF2626;
9 --dl-color-danger-700: #E14747;
10 --dl-color-gray-black: #000000;
11 --dl-color-gray-white: #FFFFFF;
12 --dl-size-size-medium: 96px;
13 --dl-size-size-xlarge: 192px;
14 --dl-size-size-xsmall: 16px;
15 --dl-space-space-unit: 16px;
16 --dl-color-primary-100: #003EB3;
17 --dl-color-primary-300: #0074F0;
18 --dl-color-primary-500: #14A9FF;
19 --dl-color-primary-700: #85DCFF;
20 --dl-color-success-300: #199033;
21 --dl-color-success-500: #32A94C;
22 --dl-color-success-700: #4CC366;
23 --dl-size-size-xxlarge: 288px;
24 --dl-size-size-maxwidth: 1400px;
25 --dl-color-bliss-primary: #0000ffff;
26 --dl-radius-radius-round: 50%;
27 --dl-space-space-halfunit: 8px;
28 --dl-space-space-sixunits: 96px;
29 --dl-space-space-twounits: 32px;
30 --dl-color-bliss-secondary: #0073e5ff;
31 --dl-radius-radius-radius2: 2px;
32 --dl-radius-radius-radius4: 4px;
33 --dl-radius-radius-radius8: 8px;
34 --dl-space-space-fiveunits: 80px;
35 --dl-space-space-fourunits: 64px;
36 --dl-space-space-threeunits: 48px;
37 --dl-space-space-oneandhalfunits: 24px;
38}
39.button {
40 color: var(--dl-color-gray-black);
41 cursor: pointer;
42 display: inline-block;
43 padding: 0.5rem 1rem;
44 border-color: var(--dl-color-gray-black);
45 border-width: 1px;
46 border-radius: 4px;
47 background-color: var(--dl-color-gray-white);
48}
49.input {
50 color: var(--dl-color-gray-black);
51 cursor: auto;
52 padding: 0.5rem 1rem;
53 border-color: var(--dl-color-gray-black);
54 border-width: 1px;
55 border-radius: 4px;
56 background-color: var(--dl-color-gray-white);
57}
58.textarea {
59 color: var(--dl-color-gray-black);
60 cursor: auto;
61 padding: 0.5rem;
62 border-color: var(--dl-color-gray-black);
63 border-width: 1px;
64 border-radius: 4px;
65 background-color: var(--dl-color-gray-white);
66}
67.list {
68 width: 100%;
69 margin: 1em 0px 1em 0px;
70 display: block;
71 padding: 0px 0px 0px 1.5rem;
72 list-style-type: none;
73 list-style-position: outside;
74}
75.list-item {
76 display: list-item;
77}
78.teleport-show {
79 display: flex !important;
80}
81.nav-link {
82 font-style: normal;
83 transition: 0.3s;
84 font-weight: 500;
85}
86.nav-link:hover {
87 color: var(--dl-color-bliss-primary);
88 cursor: pointer;
89}
90.feature-card {
91 gap: 12px;
92 flex: 0 0 auto;
93 width: auto;
94 display: flex;
95 padding: var(--dl-space-space-unit);
96 max-width: 280px;
97 transition: 0.3s;
98 align-items: flex-start;
99 border-color: #98BDF9;
100 border-width: 1.6px;
101 border-radius: 16px;
102 flex-direction: column;
103 background-color: #C5DBFD;
104}
105.feature-card:hover {
106 box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
107}
108.teleport-menu-close {
109 width: var(--dl-size-size-xsmall);
110 height: var(--dl-size-size-xsmall);
111}
112.teleport-menu-burger {
113 display: none;
114}
115.teleport-menu-mobile {
116 top: 0px;
117 left: 0px;
118 width: 100%;
119 height: 100vh;
120 display: none;
121 padding: 32px;
122 z-index: 100;
123 position: absolute;
124 flex-direction: column;
125 justify-content: space-between;
126 background-color: #fff;
127}
128.download-card {
129 flex: 0 0 auto;
130 width: 90%;
131 display: flex;
132 position: relative;
133 margin-top: var(--dl-space-space-threeunits);
134 transition: 0.3s;
135 align-items: center;
136 padding-left: var(--dl-space-space-threeunits);
137 border-radius: 32px;
138 padding-right: 0px;
139 flex-direction: row;
140 justify-content: center;
141 background-color: #95F9C3;
142 border-top-left-radius: 32px;
143 border-top-right-radius: 32px;
144 border-bottom-left-radius: 0;
145 border-bottom-right-radius: 0;
146}
147
148.content {
149 font-size: 16px;
150 font-family: Inter;
151 font-weight: 400;
152 line-height: 1.15;
153 text-transform: none;
154 text-decoration: none;
155}
156.heading {
157 font-size: 32px;
158 font-family: Inter;
159 font-weight: 700;
160 line-height: 1.15;
161 text-transform: none;
162 text-decoration: none;
163}
164
165@media(max-width: 767px) {
166 .nav-link {
167 margin-bottom: var(--dl-space-space-unit);
168 }
169 .teleport-menu-burger {
170 display: flex;
171 align-items: center;
172 justify-content: center;
173 }
174}
175@media(max-width: 479px) {
176 .teleport-menu-mobile {
177 height: auto;
178 display: none;
179 padding: 16px;
180 }
181}