.m-text-center{text-align:center}@media (min-width: 1199px){.m-text-center{text-align:left}}@media (min-width: 991px){.d-pady-36{padding:36px 0}}.pady-60{padding:60px 0}@media (max-width: 480px){.m-padx-36{padding-left:36px;padding-right:36px}}.pad-6{padding:6px}.mr-8{margin-right:8px}.pady-60{padding-top:60px;padding-bottom:60px}.padt-60{padding-top:60px}.mt-32{margin-top:32px}.mr-32{margin-right:32px}.light-blue-color{color:#4e6cb8}@media (min-width: 991px){.bg-sec{background:#090724}}.fill-primary{fill:#f4a41d}.flex-col-justify-center{display:flex;flex-direction:column;justify-content:center}.flex-justify-center{display:flex;justify-content:center}.overflow-hidden{overflow:hidden}.text-white{color:#fff}@media (min-width: 991px){.hidden-on-desktop{display:none!important}}.show-only-on-phone{display:block}@media (min-width: 767px){.show-only-on-phone{display:none}}.do-not-show-on-phone{display:none}@media (min-width: 767px){.do-not-show-on-phone{display:block}}@media (min-width: 991px){.hidden-on-tablet{display:none!important}}.flag-32{margin:3px;height:32px;width:32px}.primary-text{color:#f4a41d}.background-tertiary{background-color:#cce5b1}.flag-20{margin:3px;height:20px;width:20px}.bold{font-weight:700}.background-white{background-color:#fff}.alignText{justify-content:center}@media (min-width: 991px){.alignText{justify-content:flex-end}}.primary-header{color:#bd4242}.level1{background-color:#b5e5b1!important;color:#000}.level2{background-color:#cce5b1!important;color:#000}.level3{background-color:#ffeebd!important;color:#000}.level4{background-color:#fcd9a3!important;color:#000}.level5{background-color:#faa69c!important;color:#fff}.level6{background-color:#ff7373!important;color:#fff}#class-progression{max-width:1400px;margin:0 auto}#class-progression h1{font-size:28px}@media (min-width: 767px){#class-progression h1{font-size:40px}}#class-progression #hero h2{font-size:40px;font-weight:700;text-align:center}#class-progression #hero .hero-text{padding:40px 25px}#class-progression strong{text-align:center;font-size:20px}#class-progression .center{display:flex;justify-content:center;align-items:center}#class-progression .vertical-center{display:flex;align-items:center}#class-progression .age-circle{display:flex;justify-content:center;align-items:center;border-radius:100%;width:50px;height:50px;font-size:20px;font-weight:700;background-color:#fef0be}#class-progression rect{cursor:pointer}#class-progression .shift-up-50{position:relative;top:-50px}#class-progression .shift-up-100{position:relative;top:-100px}#class-progression #webpage-progression-chart{padding:40px 20px;display:grid;grid-template-columns:100px 1fr 1fr 1fr;grid-row-gap:20px;grid-column-gap:30px;font-family:Noto Sans,Noto Sans SC,Noto Sans TC,sans-serif}#class-progression #webpage-progression-chart .mh-200{display:flex;min-height:200px}#class-progression #webpage-progression-chart .mh-100{display:flex;min-height:100px}#class-progression #webpage-progression-chart .mh-300{display:flex;min-height:300px}#class-progression .circle{width:150px;position:absolute}#class-progression .robotics-text{padding:15px 50px;width:250px;text-align:center;background-color:#f2f2f2}#class-progression .pre-text{padding:20px 40px;font-size:20px;width:340px;background-color:#f2f2f2}#class-progression .usaco-pre-text{padding:20px 40px;font-size:20px;width:240px;background-color:#f2f2f2}#class-progression .post-text{background:linear-gradient(90deg,#f2f2f2 50%,#fff 50%)}#class-progression .usaco-post-text{background:linear-gradient(90deg,#fff 50%,#f2f2f2 50%)}