rmcg.dev/FrontendMentor/four-card-feature-section/css/style.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 {
} */