You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
686 B
28 lines
686 B
/*font family from google fonts*/
|
|
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@300;400&display=swap");
|
|
|
|
html {
|
|
font-size: 62.5%; /*62.5% = 10px; to make it easier to calculate REM units.*/
|
|
}
|
|
body {
|
|
text-align: center;
|
|
font-family: "Oswald", sans-serif;
|
|
font-weight: 300;
|
|
font-size: 2.2rem;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: #faedcd;
|
|
height: 100vh;
|
|
}
|
|
#clock {max-width: 600px;}
|
|
|
|
/* for smaller screens below 700px */
|
|
@media only screen and (max-width: 700px) {
|
|
body {font-size: 1.8rem;}
|
|
}
|
|
|
|
/*for smaller screens below 300px*/
|
|
@media only screen and (max-width: 300px) {
|
|
body {font-size: 1.6rem;}
|
|
} |