my personal website!
meowing.zip
website
fixed the dropdown menus. also increased the padding of the dropdown contents
+5
-5
+5
-5
styles.css
+5
-5
styles.css
···
57
57
margin: 20px auto;
58
58
}
59
59
.main {
60
-
background-color: var(--crust);
60
+
background-color: light-dark(#dce0e880, #11111b80);
61
61
margin-top: 20px;
62
62
outline: 2px solid;
63
63
outline-color: var(--accent);
64
64
border-radius: 25px;
65
65
padding: 20px;
66
-
opacity: 0.7;
67
66
box-shadow: 10px 5px 10px var(--crust);
68
67
}
69
68
.main:hover {
70
69
outline: 5px dashed;
71
70
outline-color: var(--accent);
72
71
opacity: 1;
72
+
background-color: var(--crust);
73
73
transform: scale(1.01, 1.01);
74
74
transition: ease-in-out 0.3s;
75
75
}
···
158
158
border-radius: 15px;
159
159
background-color: var(--background);
160
160
min-width: 100%;
161
+
padding: 5px;
161
162
box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
162
163
visibility: hidden;
163
164
opacity: 0;
···
172
173
text-align: center;
173
174
}
174
175
.dropdown-content a:hover {
175
-
background-color: var(--background);
176
+
background-color: var(--foreground);
176
177
}
177
178
.web-buttons:hover .web-button {
178
179
transition: ease-in-out 0.2s;
···
245
246
border-color: var(--background);
246
247
transition: ease-in-out 0.5s;
247
248
position: relative;
248
-
transform: scale(2);
249
-
letter-spacing: 1px;
249
+
letter-spacing: 2px;
250
250
padding: 12px;
251
251
}
252
252