my personal website!
meowing.zip
website
some styling changes
+6
-5
+6
-5
styles.css
+6
-5
styles.css
···
322
322
outline-color: var(--accent);
323
323
border-radius: 25px;
324
324
padding: 20px;
325
-
box-shadow: 10px 5px 10px var(--crust);
325
+
box-shadow: inset 0px 0px 0px 0px var(--accent);
326
326
}
327
327
.main a {
328
328
font-size: 13px;
···
343
343
outline-color: var(--accent);
344
344
border-radius: 25px;
345
345
padding: 20px;
346
-
box-shadow: 10px 5px 10px var(--crust);
347
346
width: 35%;
348
347
display: inline-block;
349
348
margin-left: 100px;
···
351
350
.main:hover {
352
351
outline: 5px dashed;
353
352
outline-color: var(--accent);
354
-
opacity: 1;
355
353
background-color: var(--crust);
356
354
transform: scale(1.01, 1.01);
357
355
transition: ease-in-out 0.3s;
356
+
box-shadow: inset 0px 0px 25px 0px var(--accent);
358
357
}
359
358
.pronouns-box:hover {
360
359
outline: 5px dashed;
···
363
362
background-color: var(--crust);
364
363
transform: scale(1.01, 1.01);
365
364
transition: ease-in-out 0.3s;
365
+
box-shadow: inset 0px 0px 25px 0px var(--accent);
366
366
}
367
367
footer {
368
368
font-family: "Iosevka Aile", monospace;
···
555
555
height: auto;
556
556
}
557
557
.pfp:hover {
558
-
transition: ease-in-out 0.2s;
558
+
transition: ease-in-out 0.45s;
559
559
height: auto;
560
-
transform: scale(1.35, 1.35);
560
+
transform: scale(1.45, 1.45);
561
561
}
562
562
563
563
/* show dd content */
···
583
583
transition: ease-in-out 0.5s;
584
584
position: relative;
585
585
padding: 10px;
586
+
box-shadow: inset 0px 0px 25px 0px var(--crust);
586
587
}
587
588
588
589
/* mask to close menu by clicking on the button */