This repository has been archived on 2023-01-17. You can view files and clone it, but cannot push or open issues or pull requests.
old_tarasis.net/FrontendMentor/four-card-feature-section/css/style.css

38 lines
734 B
CSS
Raw Normal View History

@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;
}