Spaces:
Running
Running
Update styles.css
Browse files- styles.css +10 -77
styles.css
CHANGED
@@ -98,22 +98,17 @@ section::after {
|
|
98 |
text-decoration: underline;
|
99 |
}
|
100 |
|
101 |
-
.
|
102 |
-
|
103 |
-
font-weight: bold;
|
104 |
-
margin-bottom: 24px;
|
105 |
-
}
|
106 |
-
|
107 |
-
.testimonials blockquote {
|
108 |
-
padding: 24px;
|
109 |
border-radius: 8px;
|
110 |
-
|
|
|
111 |
position: relative;
|
112 |
overflow: hidden;
|
113 |
}
|
114 |
|
115 |
-
.
|
116 |
-
.
|
117 |
content: '';
|
118 |
position: absolute;
|
119 |
top: 0;
|
@@ -125,80 +120,18 @@ section::after {
|
|
125 |
background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
|
126 |
}
|
127 |
|
128 |
-
.
|
129 |
filter: blur(10px);
|
130 |
}
|
131 |
|
132 |
-
.
|
133 |
-
font-size: 18px;
|
134 |
-
margin-bottom: 8px;
|
135 |
-
}
|
136 |
-
|
137 |
-
.testimonials cite {
|
138 |
-
font-size: 14px;
|
139 |
-
font-style: italic;
|
140 |
-
}
|
141 |
-
|
142 |
-
.contact h2 {
|
143 |
font-size: 28px;
|
144 |
font-weight: bold;
|
145 |
margin-bottom: 24px;
|
146 |
}
|
147 |
|
148 |
-
.
|
149 |
-
|
150 |
-
flex-direction: column;
|
151 |
-
}
|
152 |
-
|
153 |
-
.contact input, .contact textarea {
|
154 |
-
width: 100%;
|
155 |
-
padding: 12px;
|
156 |
-
border: 1px solid #ddd;
|
157 |
-
border-radius: 4px;
|
158 |
-
margin-bottom: 16px;
|
159 |
-
}
|
160 |
-
|
161 |
-
.contact input:focus,
|
162 |
-
.contact textarea:focus {
|
163 |
-
outline: none;
|
164 |
-
border-color: #007bff;
|
165 |
-
}
|
166 |
-
|
167 |
-
.contact textarea {
|
168 |
-
resize: vertical: vertical;
|
169 |
-
}
|
170 |
-
|
171 |
-
.contact button {
|
172 |
-
background-color: #007bff;
|
173 |
-
color: white;
|
174 |
-
border: none;
|
175 |
-
padding: 12px 24px;
|
176 |
-
border-radius: 4px;
|
177 |
-
cursor: pointer;
|
178 |
-
transition: background-color 0.2s ease-in-out;
|
179 |
-
position: relative;
|
180 |
-
overflow: hidden;
|
181 |
-
}
|
182 |
-
|
183 |
-
.contact button::before,
|
184 |
-
.contact button::after {
|
185 |
-
content: '';
|
186 |
-
position: absolute;
|
187 |
-
top: 0;
|
188 |
-
right: 0;
|
189 |
-
bottom: 0;
|
190 |
-
left: 0;
|
191 |
-
z-index: -1;
|
192 |
-
margin: -10px;
|
193 |
-
background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
|
194 |
-
}
|
195 |
-
|
196 |
-
.contact button::after {
|
197 |
-
filter: blur(10px);
|
198 |
-
}
|
199 |
-
|
200 |
-
.contact button:hover {
|
201 |
-
background-color: #0062cc;
|
202 |
}
|
203 |
|
204 |
.tabs {
|
|
|
98 |
text-decoration: underline;
|
99 |
}
|
100 |
|
101 |
+
.notes {
|
102 |
+
padding: 32px;
|
|
|
|
|
|
|
|
|
|
|
|
|
103 |
border-radius: 8px;
|
104 |
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
105 |
+
background-color: #111827;
|
106 |
position: relative;
|
107 |
overflow: hidden;
|
108 |
}
|
109 |
|
110 |
+
.notes::before,
|
111 |
+
.notes::after {
|
112 |
content: '';
|
113 |
position: absolute;
|
114 |
top: 0;
|
|
|
120 |
background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
|
121 |
}
|
122 |
|
123 |
+
.notes::after {
|
124 |
filter: blur(10px);
|
125 |
}
|
126 |
|
127 |
+
.notes h2 {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
128 |
font-size: 28px;
|
129 |
font-weight: bold;
|
130 |
margin-bottom: 24px;
|
131 |
}
|
132 |
|
133 |
+
.notes p {
|
134 |
+
font-size: 18px;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
135 |
}
|
136 |
|
137 |
.tabs {
|