about, miniplayer: wip, add new tracks
This commit is contained in:
parent
3f33b89774
commit
750a070a0e
7 changed files with 79 additions and 53 deletions
|
|
@ -696,6 +696,7 @@ about {
|
|||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-image: url(assets/gifs/heart-mosh.gif);
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
|
|
@ -707,18 +708,31 @@ about {
|
|||
padding: 1rem 2rem;
|
||||
box-sizing: border-box;
|
||||
|
||||
introduction {
|
||||
font-size: 1.5rem;
|
||||
button {
|
||||
background: none;
|
||||
color: white;
|
||||
text-shadow: 0.5px 0.5px 0 var(--darkerer-pink), 0.5px -0.5px 0 var(--darkerer-pink), -0.5px 0.5px 0 var(--darkerer-pink), -0.5px -0.5px 0 var(--darkerer-pink), 0.5px 0px 0 var(--darkerer-pink), 0px 0.5px 0 var(--darkerer-pink), -0.5px 0px 0 var(--darkerer-pink), 0px -0.5px 0 var(--darkerer-pink);
|
||||
border: none;
|
||||
font-size: 5rem;
|
||||
font-family: "DotGothic16", sans-serif;
|
||||
|
||||
&:hover {
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
[popover] {
|
||||
color: white;
|
||||
width: min(90vw, 600px);
|
||||
border: 2px solid var(--lavender);
|
||||
background-color: black;
|
||||
padding: 2rem;
|
||||
opacity: 1;
|
||||
transition: all 0.5s;
|
||||
|
||||
@starting-style {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue