gcg/countdown
Archived
Template
2
0
Fork 0
Code

Update style.css

Browse Source
This commit is contained in:
Denys Konovalov 2022-10-09 11:29:57 +00:00
parent a94d81e563
commit 34bc90ab4a
1 changed files with 47 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

95
style.css
View File

@ -1,48 +1,47 @@
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Reem+Kufi:wght@300;400;700&display=swap');
*{ *{
box-sizing: border-box; box-sizing: border-box;
} }
body{ body{
background-image: url(image.jpg); background-image: url(image.jpg);
background-size: cover; background-size: cover;
background-position: center; background-position: center;
min-height: 100vh; min-height: 100vh;
font-family: 'Poppins', sans-serif; font-family: 'Reem Kufi', sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin: 0; margin: 0;
} }
h1{ h1{
font-size: 3rem; font-size: 3rem;
margin-top: -10rem; margin-top: -10rem;
text-transform: uppercase; font-weight: normal;
font-weight: normal; margin-top: 5rem;
margin-top: 5rem; font-family: 'Reem Kufi', sans-serif;
font-family: 'Poppins', sans-serif; }
} .countdown-container{
.countdown-container{ display: flex;
display: flex; flex-wrap: wrap;
flex-wrap: wrap; justify-content: center;
justify-content: center; align-items: center;
align-items: center; }
}
.big-text{
.big-text{ font-weight: bold;
font-weight: bold; font-size: 6rem;
font-size: 6rem; line-height: 1;
line-height: 1; margin: 0 2rem;
margin: 0 2rem; color: #fff;
color: #fff; }
} .countdown-el {
.countdown-el { text-align: center;
text-align: center; color: #fff;
color: #fff; }
} .countdown-el span{
.countdown-el span{ font-size: 1.5rem;
font-size: 1.5rem; }
}