2021-05-07 18:30:06 +02:00
|
|
|
* {
|
2021-05-06 19:03:31 +02:00
|
|
|
margin: 0;
|
2021-05-07 18:30:06 +02:00
|
|
|
padding: 0;
|
|
|
|
box-sizing: border-box;
|
2021-05-10 19:02:16 +02:00
|
|
|
/* transition: all 0.3s; */
|
2021-05-09 18:36:55 +02:00
|
|
|
user-select: none;
|
2021-05-06 19:03:31 +02:00
|
|
|
}
|
|
|
|
|
2021-05-07 18:30:06 +02:00
|
|
|
body {
|
|
|
|
--color-background: #2B2C56;
|
|
|
|
--color-primary: #EFF1FC;
|
|
|
|
--color-accent: #6677EB;
|
|
|
|
|
|
|
|
background-color: var(--color-background);
|
2021-05-10 19:02:16 +02:00
|
|
|
transition: background-color 0.3s;
|
2021-05-09 18:36:55 +02:00
|
|
|
/* font weights
|
|
|
|
light 300
|
|
|
|
regular 400
|
|
|
|
semi-bold 600
|
|
|
|
bold 700
|
|
|
|
extra-bold 800
|
|
|
|
*/
|
2021-05-07 18:30:06 +02:00
|
|
|
font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Roboto, sans-serif;
|
2021-05-09 18:36:55 +02:00
|
|
|
font-size: 14px;
|
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
|
|
|
color: var(--color-primary);
|
|
|
|
text-decoration: none;
|
2021-05-12 18:31:02 +02:00
|
|
|
/* opacity: 0.75; */
|
2021-05-09 18:36:55 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
/* 320px — 480px: Mobile devices.
|
|
|
|
481px — 768px: iPads, Tablets.
|
|
|
|
769px — 1024px: Small screens, laptops.
|
|
|
|
1025px — 1200px: Desktops, large screens.
|
|
|
|
1201px and more — Extra large screens, TV. */
|