100-project-100-days-website/100_projects/32-increase-numbers-on-scrolling/style.css
2023-03-25 02:06:40 +03:00
Ask

35 lines
583 B
CSS

{c1d3d7feb14ae0008e961d3019c829ac2e0c49f3 true 583 style.css 0xc0084df6c0}

* {
box-sizing: border-box;
}
body {
font-family: "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
margin: 0;
}
section {
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
section:first-child {
background-color: #aaa;
}
section:nth-child(2) {
background-color: #bbb;
}
section:nth-child(3) {
background-color: #ccc;
}
section:last-of-type {
background-color: #eee;
}
.nums {
width: 400px;
display: flex;
}
.nums .num {
flex: 1;
text-align: center;
font-size: 40px;
padding: 20px;
}