Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- *
- {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- font-family: Arial, Helvetica, sans-ser
- }
- .body,html{
- background: #01082c;
- height: 10em;
- display: flex;
- align-items: center;
- justify-content: center;
- margin: auto;
- }
- #clock h2
- {
- position: relative;
- display: block;
- color: #ffff;
- text-align: center;
- margin: 10px 0;
- font-weight: 700;
- text-transform: uppercase;
- letter-spacing: 0,4em;
- font-size: 0.8em;
- }
- #clock #time{
- display: flex;
- position: 0,5em;
- }
- #clock #time div span
- {
- position: relative;
- display: block;
- width: 100px;
- height: 80;
- background: #2196f3;
- color: rgb(231, 226, 226);
- font-weight: 300;
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 3em;
- z-index: 10;
- box-shadow: rgb(17, 16, 16);
- }
- #clock #time div span:nth-child(2) {
- height: 80px;
- width: 500px;
- font-size: 0.7em;
- letter-spacing: 0.2em;
- font-weight: 500;
- z-index: 9;
- box-shadow: none;
- background:#ffff;
- text-transform: uppercase;
- }
- #clock #time div:last-child span
- {
- background: #e60808;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement