38 lines
734 B
CSS
38 lines
734 B
CSS
|
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600&display=swap');
|
||
|
|
||
|
/*
|
||
|
* Challenge colors, font
|
||
|
*
|
||
|
* The font-size for 20px is to make rem clearer for increments
|
||
|
*
|
||
|
* Mobile: 375px (375x1360)
|
||
|
* Desktop: 1440px (1440x922)
|
||
|
*/
|
||
|
|
||
|
:root {
|
||
|
font-family: 'Poppins', sans-serif;
|
||
|
font-size: 20px;
|
||
|
|
||
|
/* Primary Colors */
|
||
|
--red: hsl(0, 78%, 62%);
|
||
|
--cyan: hsl(180, 62%, 55%);
|
||
|
--orange: hsl(34, 97%, 64%);
|
||
|
--blue: hsl(212, 86%, 64%);
|
||
|
|
||
|
/* Neutral */
|
||
|
--veryDarkBlue: hsl(234, 12%, 34%);
|
||
|
--grayishBlue: hsl(229, 6%, 66%);
|
||
|
--veryLightGray: hsl(0, 0%, 98%);
|
||
|
}
|
||
|
|
||
|
* {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
|
||
|
/* Basic Styling */
|
||
|
|
||
|
body {
|
||
|
font-size: 15px;
|
||
|
}
|