*{margin:0;padding:0;box-sizing:border-box}a{color:#000;text-decoration:none;border-bottom:1px solid #dd0303}.skills strong{color:#dd0303}p,li{font-size:18px;line-height:30px}section{margin-bottom:30px}h2{margin-bottom:20px}.App{background-color:#f0f0f0;min-height:100vh}.App .cyf{background-color:#fff;box-shadow:0 2px 4px #0000001a;border-radius:5px;margin-top:20px;padding:20px}.App .cyf .about-trainees{box-shadow:0 2px 8px #0000001a;background-color:#2f363e;color:#fff;border-radius:8px;padding-bottom:50px}.App .cyf .about-trainees figure{display:grid;grid-template-columns:1fr;gap:20px}.header{display:flex;flex-direction:column;align-items:center}.header h1{flex-grow:.75;text-align:center}.skills{background-color:#f7f7f7;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a}.skills ul{margin-left:20px}.trainee{display:flex;flex-direction:column;margin:auto}.trainee .percent{position:relative;width:150px;height:150px}.trainee .percent svg{transform:rotate(270deg)}.trainee .percent svg circle{width:100%;height:100%;fill:transparent;stroke-width:10px;stroke-dasharray:440;stroke-dashoffset:440;stroke-linecap:round}.trainee .percent svg circle:nth-child(1){stroke:#d3d3d3;stroke-dashoffset:0}.trainee .percent svg circle:nth-child(2){stroke:red}.trainee .percent svg .Female{stroke-dashoffset:264}.trainee .percent svg .Minority{stroke-dashoffset:calc(440 - (440 * 78) / 100)}.trainee .percent svg .Refugee{stroke-dashoffset:calc(440 - (440 * 53) / 100)}.trainee .percent svg .Live{stroke-dashoffset:calc(440 - (440 * 83) / 100)}.trainee .percent .number{font-size:30px;font-weight:700;position:absolute;top:100%;left:100%;transform:translate(-50%,-50%);align-items:center}.trainee .percent span{font-size:20px}.trainee .text{font-size:20px;font-weight:700;text-align:center;width:300px;padding-top:100px}.footer{text-align:center;margin-top:20px}.footer p{font-size:16px}@media screen and (min-width:665px)and (max-width:1120px){.App{padding:0 20px}.header{flex-direction:row}.App .cyf .about-trainees figure{grid-template-columns:repeat(2,1fr);gap:0}}@media screen and (min-width:1120px){.App{padding:0 3rem}.header{flex-direction:row}.App .cyf{padding:2rem}.App .cyf .about-trainees figure{grid-template-columns:repeat(3,1fr);gap:0}}@media screen and (min-width:1330px){.App{padding:0 3rem}.header{flex-direction:row}.App .cyf{padding:2rem}.App .cyf .about-trainees figure{grid-template-columns:repeat(4,1fr);gap:0px}}