header p:first-child,header h1{font-size:clamp(.75em,calc(1em + 2.5vw),1.75em)}header p:first-child,header h1,header p:last-child{color:#4c4e61}section:nth-child(2),section:nth-child(3),section:nth-child(4){margin-block-start:clamp(2.375em,calc(1em + 3vw),2.875em)}@media screen and (min-width:60rem){section:nth-child(2),section:nth-child(3),section:nth-child(4){margin-block-start:0}}@font-face{font-family:"Poppins";src:url("../fonts/Poppins/Poppins-ExtraLight.ttf") format("truetype");font-weight:200}@font-face{font-family:"Poppins";src:url("../fonts/Poppins/Poppins-Regular.ttf") format("truetype");font-weight:400}@font-face{font-family:"Poppins";src:url("../fonts/Poppins/Poppins-SemiBold.ttf") format("truetype");font-weight:600}html{font-family:"Poppins",sans-serif}body{display:flex;justify-content:center;align-items:center}main{margin-block:clamp(3em,calc(1em + 5vw),4em);display:flex;justify-content:center;align-items:center;flex-direction:column}@media screen and (min-width:60rem){main{display:grid;grid-template-areas:". team ." "supervisor team calculator" "supervisor karma calculator" ". karma .";gap:clamp(1.375rem,2.75vw,3rem)}}body > div{padding-inline:clamp(.5em,calc(1em + 3vw),1em)}header{text-align:center;margin-block-start:clamp(2em,calc(1em + 3.125vw),3em);display:flex;justify-content:center;align-items:center;flex-direction:column}header p:first-child{font-weight:200;margin-block-end:0}header h1{margin-block-start:0}header p:last-child{max-inline-size:36em;margin-block-start:0}section{border-start-start-radius:5px;border-end-start-radius:5px;border-start-end-radius:5px;border-end-end-radius:5px;box-shadow:0px 2.5px 8px hsla(212,86%,64%,0.1), 0px 3.75px 12px hsla(212,86%,64%,0.1), 0px 5.625px 18px hsla(212,86%,64%,0.1), 0px 8.4375px 27px hsla(212,86%,64%,0.1);max-inline-size:clamp(18em,calc(1em + 4vw),19em);block-size:15em;padding-inline:2em;padding-block:clamp(1em,calc(1em + 0.625vw),1.25em)}section h2{font-size:clamp(1.25em,calc(1em + 0.75vw),1.375em);margin-block-end:0}section p{color:#4c4e61;margin-block-start:clamp(.375em,1vw,.5em);font-size:clamp(.875em,calc(0.375em + 1vw),.9375em)}section div{display:flex;justify-content:end;padding-block:1.375em}section:nth-child(1){border-block-start:4px solid #45d3d3}@media screen and (min-width:60rem){section:nth-child(1){grid-area:supervisor}}section:nth-child(2){border-block-start:4px solid #ea5353}@media screen and (min-width:60rem){section:nth-child(2){grid-area:team}}section:nth-child(3){border-block-start:4px solid #fcaf4a}@media screen and (min-width:60rem){section:nth-child(3){grid-area:karma}}section:nth-child(4){border-block-start:4px solid #549ef2}@media screen and (min-width:60rem){section:nth-child(4){grid-area:calculator}}