74 lines
983 B
CSS
74 lines
983 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;
|
|
}
|
|
|
|
.card {
|
|
}
|
|
.card-title {
|
|
}
|
|
.card-blurb {
|
|
}
|
|
.card-image {
|
|
}
|
|
|
|
|
|
.flexContainer {
|
|
}
|
|
.topSection {
|
|
}
|
|
.blurb {
|
|
}
|
|
.middleSection {
|
|
}
|
|
.column1 {
|
|
}
|
|
.supervisor {
|
|
}
|
|
.column2 {
|
|
}
|
|
.teamBuilder {
|
|
}
|
|
.karma {
|
|
}
|
|
.column3 {
|
|
}
|
|
.calculator {
|
|
}
|
|
/* .attribution {
|
|
} */
|