michi.vonah/website-v2
1
0
Fork 0
mirror of https://github.com/michivonah/website-v2.git synced 2025-12-22 20:46:29 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update style.css

Browse source
This commit is contained in:
Michi 2022-06-12 12:35:54 +02:00 • committed by GitHub
parent c983651788
commit 9f4efb334a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 58 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

58
style.css
View file

@ -930,3 +930,61 @@ body{
/* Selection */
::selection {background: var(--theme1); color: #ffffff; border-radius: var(--borderRadius);}
::-moz-selection {background: var(--theme1); color: #ffffff; border-radius: var(--borderRadius);}
/* Countdown */
#countdown{
display: flex;
flex-direction: row;
user-select: none;
font-family: var(--font);
}
.countdownObject{
display: flex;
flex-direction: column;
margin: var(--margin);
justify-content: center;
align-content: center;
align-items: center;
text-align: center;
text-transform: capitalize;
}
.countdownObject:nth-child(4) .countdownNum{
background: var(--red);
border-color: var(--red);
transition: var(--transition);
animation: countdown 2000ms infinite;
}
@keyframes countdown{
0%{
border-color: var(--red);
background: var(--red);
}
50%{
border-color: var(--theme1);
background: var(--theme1);
}
100%{
border-color: var(--red);
background: var(--red);
}
}
.countdownNum{
width: 60px;
height: 60px;
background: transparent;
border: 4px solid var(--theme1);
border-radius: 50%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
align-items: center;
padding: 0;
font-size: 18px;
}