body{height:9000px}main{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%)}.top-container{background-color:var(--footer-ruler-color);padding:10px;height:120px;text-align:center;position:static}.top-container-H1{color:#f5f5f5}.top-container-text{color:#f5f5f5;font-size:12px;padding:10px}.header{height:600px;background-image:url(../../../images/bg-lifesruler-preview-desktop.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;overflow:hidden;position:relative}.ruler-help{left:18px;position:absolute;top:max(18px,468px - 50vh);z-index:60}.ruler-help__button{align-items:center;background:rgba(255,252,245,.95);border:1px solid rgba(50,76,99,.22);border-radius:999px;box-shadow:0 3px 10px rgba(31,49,66,.12);color:var(--footer-ruler-color);cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:7px;line-height:1;padding:7px 11px 7px 7px}.ruler-help__button:hover,.ruler-help__button:focus-visible{border-color:#c4a34e;box-shadow:0 4px 12px rgba(31,49,66,.2);outline:none}.ruler-help__icon{align-items:center;background:var(--footer-ruler-color);border:1px solid #d8b55b;border-radius:50%;color:#fff;display:inline-flex;font-size:11px;height:20px;justify-content:center;width:20px}.ruler-help__chevron{color:#9c7a26;font-size:15px;transition:transform 150ms ease}.ruler-help__chevron.is-open{transform:rotate(180deg)}.ruler-help__panel{background:rgba(255,252,245,.98);border:1px solid rgba(50,76,99,.22);border-radius:10px;box-shadow:0 12px 30px rgba(31,49,66,.2);color:#263b4d;margin-top:8px;padding:16px 18px;width:330px}.ruler-help__panel h2{font-size:16px;font-weight:700;margin:0 0 6px}.ruler-help__panel p{font-size:12px;line-height:1.5;margin:0 0 9px}.ruler-help__panel ol{font-size:12px;line-height:1.45;list-style:decimal;margin:0;padding-left:18px}.ruler-help__panel li+li{margin-top:5px}.content{position:relative;scroll-behavior:none;background-color:var(--footer-ruler-color);width:80vw}.content p{padding-left:10px;font-size:12px}.load-h1,.pre-h1,.mid-h1,.elem-h1,.high-h1,.uni-h1,.percent-h1,.percent2-h1,.what-h1,.dictates-h1,.work-h1,.work2-h1{display:block;transition:visibility 1.4s,opacity 1.5s linear;color:#f5f5f5;padding-left:5px;padding-top:5px;font-size:30px;background:none;border:none}.load{display:block;transition:visibility 1.4s,opacity 1.5s linear;color:#f5f5f5;padding-left:10px}.pre,.elem,.mid,.high,.uni,.percent,.percent2,.what,.dictates,.work,.work2{display:none;transition:visibility 1.4s,opacity 1.5s linear;color:#f5f5f5;padding-left:10px}.sticky{position:relative;top:0;width:100%}.sticky+.content{overflow:hidden}.ruler{width:391px;height:603px;background-image:url(../../../images/lifesruler.svg);background-repeat:no-repeat;background-position:right bottom;position:relative;left:70%;transform:scale(2);transform-origin:left;top:554px}.frontlogo{width:425px;height:160px;opacity:0;transition:opacity 1s;background-image:url(../../../images/frontlogo.png);background-repeat:no-repeat;background-position:right bottom;position:relative;left:37%;padding-left:5%;transform:scale(1.3);transform-origin:right bottom;top:-250px;z-index:10}.load-text{width:142px;height:18px;padding-right:5px;font-size:10px;text-align:right;border:none;background-color:var(--stage-color);color:var(--stage-text-color);border-radius:4px 0px 0px 1px;background-repeat:no-repeat;background-position:right bottom;position:relative;left:-78%;transform:scale(2);transform-origin:left;top:20px;display:none;z-index:10;box-shadow:inset 0 1px 0 var(--stage-edge-color)}.preschool-text{width:142px;height:18px;padding-right:5px;font-size:10px;text-align:right;border:none;background-color:var(--stage-color);color:var(--stage-text-color);border-radius:4px 0px 0px 1px;background-repeat:no-repeat;background-position:right bottom;position:relative;left:-78%;opacity:0;transition:opacity 1s;transform:scale(2);transform-origin:left;top:20px;display:block;z-index:10;box-shadow:inset 0 1px 0 #ff9}.load-bracket{width:3px;height:18px;background-color:var(--stage-edge-color);background-repeat:no-repeat;background-position:right bottom;position:relative;left:-5.5%;transform:scale(2);transform-origin:left;top:2px;display:none;z-index:11}.preschool-bracket{width:3px;height:18px;opacity:0;transition:opacity 1s;background-color:#ff9;background-repeat:no-repeat;background-position:right bottom;position:relative;left:-5.5%;transform:scale(2);transform-origin:left;top:2px;display:block;z-index:11}.highschool-text{width:142px;height:41px;padding-right:5px;font-size:10px;text-align:right;line-height:1;border:none;background-color:var(--stage-color);color:var(--stage-text-color);background-repeat:no-repeat;background-position:right bottom;border-radius:4px 0px 0px 2px;position:relative;left:-78%;transform:scale(2);transform-origin:left;opacity:0;transition:opacity 1s;display:block;top:33px;z-index:12;box-shadow:inset 0 1px 0 green}.highschool-bracket{width:3px;height:41px;background-color:green;background-repeat:repeat;background-position:right bottom;position:relative;left:-5.5%;transform:scale(2);transform-origin:left;top:-8px;opacity:0;transition:opacity 1s;display:block;z-index:13}.what-you-do-now{text-align:center;position:relative;left:-380px;font-size:30px;top:0px;color:var(--start-working-now);line-height:1;border:none;background:none;opacity:0;transition:opacity 1s;display:none;padding:30px;z-index:23}.life-is-long{text-align:center;position:relative;left:-380px;font-size:30px;top:20px;color:var(--start-working-now);line-height:1;border:none;background:none;opacity:0;transition:opacity 1s;display:none;padding:10px;z-index:33}.post-secondary-text{width:142px;height:15px;text-align:right;padding-right:5px;border:none;background-color:var(--stage-color);color:var(--stage-text-color);background-repeat:no-repeat;background-position:right bottom;border-radius:3px 0px 0px 1px;position:relative;left:-78%;transform:scale(2);transform-origin:left;opacity:0;transition:opacity 1s;display:block;font-size:10px;top:22px;z-index:12;box-shadow:inset 0 1px 0 #06c}.post-secondary-bracket{width:3px;height:15px;background-color:#06c;background-repeat:no-repeat;background-position:right bottom;position:relative;left:-5.5%;transform:scale(2);transform-origin:left;top:7px;opacity:0;transition:opacity 1s;z-index:13}.how-hard-here-div{width:49px;height:18px;background-color:var(--how-hard-color);background-repeat:no-repeat;background-position:right bottom;position:relative;left:1%;transform:scale(2);transform-origin:left;top:-13px;opacity:0;transition:opacity 1s;display:block;z-index:15}.how-hard-here-text{text-align:center;vertical-align:middle;position:relative;width:49px;top:3px;font-size:6.5px;color:#f6f4f5;line-height:1;border:none;opacity:0;transition:opacity 1s;display:block}.dictates-how-hard-here-div{width:49px;height:222px;background-color:rgba(206,35,16,.6);background-repeat:no-repeat;background-position:right bottom;position:relative;left:1%;transform:scale(2);transform-origin:left;top:107px;opacity:0;transition:opacity 1s;display:block;z-index:17}.dictates-how-hard-here-text{text-align:center;vertical-align:middle;padding:5px;width:49px;top:-1px;left:-100px;font-size:5px;color:#e0d6d8;line-height:1;border:none;opacity:0;transition:opacity 1s;display:block;font-size:9px}.working-text{width:142px;height:221px;text-align:right;padding-right:5px;border:none;background-color:var(--stage-color);color:var(--stage-text-color);background-repeat:no-repeat;background-position:right bottom;border-radius:3px 0px 0px 1px;position:relative;left:-78%;transform:scale(2);transform-origin:left;opacity:0;transition:opacity 1s;display:block;padding-right:5px;font-size:10px;top:-113px;z-index:25;box-shadow:inset 0 1px 0 #641e16}.working-bracket{width:3px;height:221px;background-color:#641e16;background-repeat:no-repeat;background-position:right bottom;position:relative;left:-5.5%;transform:scale(2);transform-origin:left;top:-333px;opacity:0;transition:opacity 1s;display:block;z-index:26}.lifestyle{background-color:var(--footer-ruler-color);border:1px solid #d8b55b;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;font-weight:600;font-size:10px;letter-spacing:.01em;line-height:1.25;padding:8px 9px;text-align:center;text-decoration:none;transition:background-color 150ms ease,box-shadow 150ms ease,color 150ms ease;width:130px;position:relative;left:-75.5%;transform:scale(2);transform-origin:left;top:-333px;display:none;z-index:30}.lifestyle-arrow{color:#e7c86d;margin-left:3px}.lifestyle:hover,.lifestyle:active{box-shadow:0 4px 10px rgba(15,35,55,.35);background-color:var(--button-ruler-color-hover);color:#fff}@media(max-width: 1290px){.frontlogo{left:33%}}@media(max-width: 1000px){.frontlogo{left:23%}}@media(max-width: 1150px){.frontlogo{left:17%;transform:scale(1)}}@media(max-width: 820px){.what-you-do-now,.life-is-long{padding-left:125px;padding-right:80px;left:-380px;font-size:20px;vertical-align:middle;text-align:center}}@media(max-width: 680px){.header{background-image:url(../../../images/bg-lifesruler-preview-mobile.jpg);background-position:50% 80%}.ruler-help{left:10px;top:18px}.ruler-help__button{font-size:10px;gap:5px;padding:5px 9px 5px 5px}.ruler-help__icon{font-size:9px;height:18px;width:18px}.ruler-help__panel{max-width:calc(100vw - 42px);padding:13px 14px;width:280px}.myHeader{margin-left:3%;margin-right:3%}.frontlogo{left:-10%;transform:scale(0.7)}.top-container{padding-top:30px;position:absolute}.top-container-H1{font-size:20px}.top-container-text{font-size:12px}.how-to-use{top:18px;font-size:10px}.load-text,.preschool-text,.post-secondary-text,.working-text{font-size:8px;text-align:right}.highschool-text{font-size:8px;text-align:right}.what-you-do-now,.life-is-long{padding-left:125px;padding-right:80px;left:-310px;font-size:20px;vertical-align:middle;text-align:center}.load-h1,.pre-h1,.elem-h1,.high-h1,.uni-h1,.percent-h1,.percent2-h1,.what-h1,.dictates-h1,.work-h1,.work2-h1{font-size:15px;padding:3px 0px 0px 0px}.load,.pre,.elem,.high,.uni,.what,.dictates,.percent,.percent2,.work,.work2{font-size:10px;padding:0px 0px 0px 5px}.lifestyle{font-size:10px}.content{width:auto}.content p{margin:7px 0 5px 0;padding-left:10px}}