:root{--grey-500: hsl(234, 12%, 34%);--grey-400: hsl(212, 6%, 44%);--white: hsl(0, 0%, 100%);--red: hsl(0, 78%, 62%);--cyan: hsl(180, 62%, 55%);--blue: hsl(212, 86%, 64%);--orange: hsl(34, 97%, 64%);--font-primary: "Poppins", sans-serif;--font-weight-extra-light: 200;--font-weight-regular: 400;--font-weight-semibold: 600}@media only screen and (max-width: 767px){.main-page{padding:56px 30px 46px 29px;gap:60px}}@media only screen and (min-width: 768px) and (max-width: 1439px){.main-page{padding:80px 64px;gap:74px}}@media only screen and (min-width: 1440px){.main-page{padding:102px 163px 163px;gap:74px}}.main-page{display:flex;flex-direction:column;align-items:center}@media only screen and (max-width: 767px){.title-wrapper{width:316px}.title h1{font-size:24px}}@media only screen and (min-width: 768px) and (max-width: 1439px){.title-wrapper{width:540px}.title h1{font-size:36px}}@media only screen and (min-width: 1440px){.title-wrapper{width:540px}.title h1{font-size:36px}}.title-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px}.title-wrapper .title h1{font-family:var(--font-primary);font-style:normal;line-height:140%;letter-spacing:.25px;color:var(--grey-500)}.title-wrapper .title #primary{font-weight:var(--font-weight-extra-light)}.title-wrapper .title #secondary{font-weight:var(--font-weight-semibold)}.title-wrapper p{font-family:var(--font-primary);font-weight:var(--font-weight-regular);font-style:normal;font-size:15px;line-height:140%;letter-spacing:0px;color:var(--grey-500);text-align:center}@media only screen and (max-width: 767px){.card-wrapper{display:flex;flex-direction:column;align-items:center}#supervisor{margin-bottom:16px}#calculator{margin-top:16px}#team-builder{margin-bottom:16px}#karma{margin-top:16px}.content-wrapper{display:flex;flex-direction:column;margin:16px 0}}@media only screen and (min-width: 768px) and (max-width: 1439px){.card-wrapper{display:flex;flex-direction:column}.content-wrapper{display:flex;flex-direction:row;margin:16px 0}#supervisor{margin-bottom:16px}#calculator{margin-top:16px}#team-builder{margin-right:16px}#karma{margin-left:16px}}@media only screen and (min-width: 1440px){.card-wrapper{display:flex;flex-direction:row}.content-wrapper{display:flex;flex-direction:column;margin:0 16px}#supervisor{margin-right:16px}#calculator{margin-left:16px}#team-builder{margin-bottom:16px}#karma{margin-top:16px}}.content{width:350px;height:250px;padding:32px;border-radius:8px;background-color:var(--white);box-shadow:0 24px 48px #00000029}#supervisor{border-top:4px solid var(--cyan)}#team-builder{border-top:4px solid var(--red)}#karma{border-top:4px solid var(--orange)}#calculator{border-top:4px solid var(--blue)}#supervisor,#calculator{align-self:center}.content .title{margin-bottom:32px}.content .title h1{font-family:var(--font-primary);font-weight:var(--font-weight-semibold);font-style:normal;font-size:20px;line-height:135%;letter-spacing:0px;color:var(--grey-500)}.content .title p{font-family:var(--font-primary);font-weight:var(--font-weight-regular);font-style:normal;font-size:13px;line-height:160%;letter-spacing:0px;color:var(--grey-400)}.content img{float:right}