body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--red:#e25a5a;--cyan:#45d3d3;--orange:#fcaf4a;--blue:#549ef2;--very-dark-blue:#4c4e61;--grayish-blue:#a3a5ae;--very-light-gray:#fafafa}@font-face{font-family:poppins-bold;src:url(/four-card-feature-section/static/media/Poppins-Bold.ac8d04b620e54be9b0f0.ttf)}@font-face{font-family:poppins-regular;src:url(/four-card-feature-section/static/media/Poppins-Regular.35d26b781dc5fda684cc.ttf)}@font-face{font-family:poppins-thin;src:url(/four-card-feature-section/static/media/Poppins-Thin.59ff6a729e30c99b478e.ttf)}.App{background-color:#fafafa;background-color:var(--very-light-gray);min-height:100vh;width:100vw}.App,.fourCardFeature{align-items:center;display:flex;flex-direction:column}.heading1{font-family:poppins-thin;letter-spacing:.25px;padding-top:50px}.heading1,.heading2{color:#4c4e61;color:var(--very-dark-blue);font-size:32px;text-align:center}.heading2{font-family:poppins-bold;margin-top:-25px}.mainPara{color:#a3a5ae;color:var(--grayish-blue);font-family:poppins-regular;font-size:15px;font-weight:200;margin-top:-10px;text-align:center;width:500px}.cardContainer{grid-column-gap:30px;grid-row-gap:20px;display:grid;grid-template-areas:". builder ." "supervisor builder calculator" "supervisor karma calculator" ". karma .";grid-template-columns:400px 400px 400px;grid-template-rows:120px 120px 120px 120px;margin-top:70px}@media only screen and (max-width:1270px){.cardContainer{grid-gap:15px;grid-template-areas:"supervisor builder" "supervisor builder" "karma calculator" "karma calculator";grid-template-columns:400px 400px;grid-template-rows:120px 120px 120px 120px}}@media only screen and (max-width:820px){.cardContainer{grid-row-gap:20px;align-items:center;grid-template-areas:"supervisor" "builder" "karma" "calculator";grid-template-columns:350px;grid-template-rows:240px 240px 240px 240px;padding-bottom:20px}.heading1,.heading2{font-size:24px}.heading2{margin-top:-20px}.mainPara{width:80%}.cardContainer hr{margin-left:50px}}.cardContainer div{background-color:#fff;border-radius:10px;box-shadow:0 1.8px 2.2px rgba(0,0,0,.02),0 4.3px 5.3px rgba(0,0,0,.028),0 8.1px 10px rgba(0,0,0,.035),0 14.5px 17.9px rgba(0,0,0,.042),0 27.2px 33.4px rgba(0,0,0,.05),0 65px 80px rgba(0,0,0,.07);display:flex;flex-direction:column;height:200px;overflow:hidden;padding:20px 40px 30px}.cardContainer hr{border-top:5px solid;margin-left:-40px;margin-top:-20px;width:125%}.cardContainer h1{color:#4c4e61;color:var(--very-dark-blue);font-family:poppins-bold;font-size:18px}.cardContainer p{color:#a3a5ae;color:var(--grayish-blue);font-family:poppins-regular;font-size:15px}.cardContainer img{align-self:flex-end;justify-self:flex-end;width:70px}.supervisor{grid-area:supervisor}.supervisor hr{border-color:#45d3d3;border-color:var(--cyan)}.builder{grid-area:builder;place-self:center}.builder hr{border-color:#e25a5a;border-color:var(--red)}.karma{grid-area:karma;place-self:center}.karma hr{border-color:#fcaf4a;border-color:var(--orange)}.calculator{grid-area:calculator}.calculator hr{border-color:#549ef2;border-color:var(--blue)}
/*# sourceMappingURL=main.f5277a07.css.map*/