@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";.NavBar{position:sticky;top:0;background-color:#fff;display:flex;justify-content:space-between;align-items:center;height:2.5rem;padding:1rem;font-family:Bebas Neue,sans-serif;z-index:5}.Links{display:flex;gap:2rem;font-weight:lighter}.link-with-image{display:flex;flex-direction:column;align-items:center;color:#000;text-decoration:none}.link-with-image img{width:5rem;height:auto;object-fit:contain;margin-top:.25rem}.link-with-image:visited,.link-with-image:hover,.link-with-image:active{color:#000}.Home,.Home:visited,.Home:hover,.Home:active{font-size:3rem;color:#625492;text-decoration:none}.quiz-home-wrapper{position:relative}.banner{position:relative;height:30rem;margin:0 auto;top:10rem;z-index:1}.quiz-start-button{position:absolute;z-index:2;background-color:transparent;border:none;box-shadow:none;bottom:8rem;left:30rem;transition:transform .3s ease-in-out}.quiz-start-button:hover{animation:bounce .6s infinite alternate}.quiz-start-button img{background-color:transparent;height:12rem}.start-quiz{position:absolute;font-family:Georgia,Times New Roman,Times,serif;font-size:2rem;width:11ch;top:4rem;left:6.5rem;color:#fff;font-style:italic}.quiz-start1{position:absolute;top:7rem;font-family:Georgia,Times New Roman,Times,serif;font-size:2rem;background:linear-gradient(to right,#8fb3e2 25%,#fff 50%,#8fb3e2);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.quiz-start2{position:absolute;top:41rem;font-size:2rem;background:linear-gradient(90deg,#8fb3e2,#fff 56.38%,#8fb3e2 98.16%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-.5rem)}to{transform:translateY(0)}}.carousel-wrapper{width:100%;overflow:hidden;position:relative;height:100%}.carousel-track.forward{display:flex;animation:scroll-forward 20s linear infinite;width:fit-content;height:50%;transform:translateZ(0)}.carousel-track.reverse{display:flex;animation:scroll-reverse 20s linear infinite;width:fit-content;height:50%;transform:translateZ(0)}.loop-items{margin:0;padding:0;display:flex;width:100%;height:100%;transform-style:preserve-3d;backface-visibility:hidden}.loop-items img{width:15rem;height:15rem;object-fit:cover;transform-style:preserve-3d;backface-visibility:hidden}@keyframes scroll-forward{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.content-container{min-height:100vh;max-width:90rem;margin:0 auto;font-family:Georgia,Times New Roman,Times,serif;padding:2rem;box-sizing:border-box}.content-inner{position:relative;display:flex;align-items:flex-start}.txt1{font-weight:400;color:#000;font-size:3rem;width:25rem;z-index:1;position:absolute}.skincare-img{position:relative;width:50rem;z-index:2;left:3rem;top:2rem}.hometext{position:relative;font-size:1.5rem;line-height:2rem;font-weight:lighter;width:23rem;z-index:1}.texts{position:relative;line-height:2rem;margin-bottom:2rem;top:6rem;left:6rem}.tagline{position:absolute;font-size:2.3rem;display:flex;gap:1rem;top:37rem;left:50rem}.logo{font-family:Bebas Neue,sans-serif;color:#625492}.welcome-section{margin:0 auto;max-width:90rem}.bg-wrapper{max-width:90rem;margin:0 auto;transition:background-color 1s ease}.page-wrapper{max-width:90rem;margin:0 auto;padding:0 2rem}.welcome-section,.quiz-home-wrapper{min-height:100vh}.yellow-bg{background-color:#f3ff77}.purple-bg{background-color:#625492}.quiz-start-container{position:relative;min-height:100vh;min-width:100%;background:linear-gradient(180deg,#fff,#b4c5d7,#fff);display:flex;font-family:Bebas Neue,sans-serif;padding:2rem}.quiz-start-text{position:relative;margin:0;font-size:5rem;top:18rem;width:20ch}.start-bttn-container{position:relative;width:10rem;height:5rem;top:38rem;left:30rem;background-color:transparent;border:none;cursor:pointer}.start-bttn{width:10rem;z-index:1}.start-bttn-txt{font-family:Bebas Neue,sans-serif;position:relative;left:3rem;bottom:3rem;z-index:2;color:#fff;font-size:2rem}.quiz-1-container{position:relative;background:radial-gradient(50% 50% at 50% 50%,#82b7d9,#7c83d7 90%);min-height:100vh;max-width:90rem;margin:0 auto;font-family:Roboto Mono,monospace;padding:2rem;box-sizing:border-box}.q1-center{position:relative;width:35rem;height:23rem;top:10rem;left:27rem;z-index:1}.q1-question{position:absolute;color:#fff;font-size:2rem;width:15ch;left:38rem}.opt1{position:absolute;display:flex;cursor:pointer;background-color:transparent;border:none;width:24rem;height:12rem;top:7rem;left:16rem;z-index:2;color:#9eaed6}.opt1.clicked{color:#cbb9c8}.opt1 img{width:20rem}.opt1-text{position:absolute;top:6rem;left:5rem;font-size:2rem;font-family:Roboto Mono,monospace;width:11ch;z-index:3;color:#000}.opt2{position:absolute;display:flex;cursor:pointer;background-color:transparent;border:none;width:24rem;height:14rem;z-index:2;left:54rem;top:8rem;color:#9eaed6}.opt2.clicked{color:#cbb9c8}.opt2 img{width:20rem}.opt2-text{font-family:Roboto Mono,monospace;position:absolute;top:5rem;left:5rem;font-size:2rem;z-index:3;color:#000}.opt3{position:absolute;display:flex;cursor:pointer;background-color:transparent;border:none;width:24rem;height:12rem;z-index:2;top:29rem;left:10rem;color:#9eaed6}.opt3.clicked{color:#cbb9c8}.opt3 img{width:20rem}.opt3-text{font-family:Roboto Mono,monospace;position:absolute;top:3.5rem;left:9rem;font-size:2rem;width:11ch;z-index:3;color:#000}.opt4{position:absolute;display:flex;cursor:pointer;background-color:transparent;border:none;width:24rem;height:12rem;z-index:2;top:23rem;left:55rem;color:#9eaed6}.opt4.clicked{color:#cbb9c8}.opt4 img{width:20rem}.opt4-text{font-family:Roboto Mono,monospace;position:absolute;top:3.5rem;left:3rem;font-size:2rem;width:11ch;z-index:3;color:#000;text-align:left}.q1-num{position:absolute;font-family:Bebas Neue,sans-serif;color:#fff;font-size:3rem;text-decoration:underline;top:41rem;left:44rem}.next-bttn-container{position:absolute;width:10rem;height:5rem;top:40rem;left:60rem;background-color:transparent;border:none;cursor:pointer}.next-bttn{width:10rem;z-index:2}.next-bttn-txt{font-family:Bebas Neue,sans-serif;position:relative;left:3rem;bottom:2.5rem;z-index:3;color:#fff;font-size:2rem}.prev-bttn-container{position:absolute;width:10rem;height:5rem;top:40rem;left:30rem;background-color:transparent;border:none;cursor:pointer}.prev-bttn{width:10rem;z-index:2}.prev-bttn-txt{font-family:Bebas Neue,sans-serif;position:relative;right:1rem;bottom:4rem;z-index:3;color:#fff;font-size:2rem}.quiz-2-container{position:relative;background-color:#e04f57;min-height:100vh;max-width:90rem;margin:0 auto;font-family:Roboto Mono,monospace;padding:2rem;box-sizing:border-box}.q2-question{position:absolute;color:#000;font-size:2rem;width:21ch}.woman_mirror{position:absolute;height:30rem;width:25rem;top:10rem}.q2-options{position:absolute;min-height:35rem;min-width:60rem;left:30rem}.acne-opt{position:absolute;border:transparent;background:transparent;font-size:2rem;font-family:Roboto Mono,monospace;top:10rem;left:5rem}.acne-opt.clicked{border-color:transparent;border-radius:4.6875rem;background:radial-gradient(70.6% 71.18% at 50% 50%,#d9d9d9ab,#737373ab)}.acne-opt-text{background:radial-gradient(120% 100% at 50% 50%,#835cb9,#4d2c40,#000 60%,#000);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}.oil-opt{position:absolute;background:transparent;border-color:transparent;font-size:2rem;font-family:Roboto Mono,monospace;top:6rem;left:15rem}.oil-opt.clicked{border-color:transparent;border-radius:4.6875rem;background:radial-gradient(70.6% 71.18% at 50% 50%,#d9d9d9ab,#737373ab)}.oil-opt-text{background:radial-gradient(120% 100% at 50% 50%,#835cb9,#4d2c40,#000 60%,#000);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}.hyper-opt{position:absolute;background:transparent;border-color:transparent;font-size:2rem;font-family:Roboto Mono,monospace;top:13rem;left:15rem}.hyper-opt.clicked{border-color:transparent;border-radius:4.6875rem;background:radial-gradient(70.6% 71.18% at 50% 50%,#d9d9d9ab,#737373ab)}.hyper-opt-text{background:radial-gradient(120% 100% at 50% 50%,#835cb9,#4d2c40,#000 60%,#000);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}.red-opt{position:absolute;background:transparent;border-color:transparent;font-size:2rem;font-family:Roboto Mono,monospace;top:18rem;left:7rem}.red-opt.clicked{border-color:transparent;border-radius:4.6875rem;background:radial-gradient(70.6% 71.18% at 50% 50%,#d9d9d9ab,#737373ab)}.red-opt-text{background:radial-gradient(120% 100% at 50% 50%,#835cb9,#4d2c40,#000 60%,#000);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}.white-opt{position:absolute;background:transparent;border-color:transparent;font-size:2rem;font-family:Roboto Mono,monospace;top:21rem;left:33rem}.white-opt.clicked{border-color:transparent;border-radius:4.6875rem;background:radial-gradient(70.6% 71.18% at 50% 50%,#d9d9d9ab,#737373ab)}.white-opt-text{background:radial-gradient(120% 100% at 50% 50%,#835cb9,#4d2c40,#000 60%,#000);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}.dry-opt{position:absolute;background:transparent;border-color:transparent;font-size:2rem;font-family:Roboto Mono,monospace;top:23rem;left:19rem}.dry-opt.clicked{border-color:transparent;border-radius:4.6875rem;background:radial-gradient(70.6% 71.18% at 50% 50%,#d9d9d9ab,#737373ab)}.dry-opt-text{background:radial-gradient(120% 100% at 50% 50%,#835cb9,#4d2c40,#000 60%,#000);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}.ep-opt{position:absolute;background:transparent;border-color:transparent;font-size:2rem;font-family:Roboto Mono,monospace;top:30rem;left:10rem}.ep-opt.clicked{border-color:transparent;border-radius:4.6875rem;background:radial-gradient(70.6% 71.18% at 50% 50%,#d9d9d9ab,#737373ab)}.ep-opt-text{background:radial-gradient(120% 100% at 50% 50%,#835cb9,#4d2c40,#000 60%,#000);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}.black-opt{position:absolute;background:transparent;border-color:transparent;font-size:2rem;font-family:Roboto Mono,monospace;top:28rem;left:35rem}.black-opt.clicked{border-color:transparent;border-radius:4.6875rem;background:radial-gradient(70.6% 71.18% at 50% 50%,#d9d9d9ab,#737373ab)}.black-opt-text{background:radial-gradient(120% 100% at 50% 50%,#835cb9,#4d2c40,#000 60%,#000);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}.wrinkle-opt{position:absolute;background:transparent;border-color:transparent;font-size:2rem;font-family:Roboto Mono,monospace;top:4rem;left:30rem}.wrinkle-opt.clicked{border-color:transparent;border-radius:4.6875rem;background:radial-gradient(70.6% 71.18% at 50% 50%,#d9d9d9ab,#737373ab)}.wrinkle-opt-text{background:radial-gradient(120% 100% at 50% 50%,#835cb9,#4d2c40,#000 60%,#000);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}.dark-opt{position:absolute;background:transparent;border-color:transparent;font-size:2rem;font-family:Roboto Mono,monospace;top:25rem;left:1rem}.dark-opt.clicked{border-color:transparent;border-radius:4.6875rem;background:radial-gradient(70.6% 71.18% at 50% 50%,#d9d9d9ab,#737373ab)}.dark-opt-text{background:radial-gradient(120% 100% at 50% 50%,#835cb9,#4d2c40,#000 60%,#000);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}.texture-opt{position:absolute;background:transparent;border-color:transparent;font-size:2rem;font-family:Roboto Mono,monospace;top:10rem;left:40rem}.texture-opt.clicked{border-color:transparent;border-radius:4.6875rem;background:radial-gradient(70.6% 71.18% at 50% 50%,#d9d9d9ab,#737373ab)}.texture-opt-text{background:radial-gradient(120% 100% at 50% 50%,#835cb9,#4d2c40,#000 60%,#000);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}.none-opt{position:absolute;background:transparent;border-color:transparent;font-size:2rem;font-family:Roboto Mono,monospace;top:16rem;left:43rem}.none-opt.clicked{border-color:transparent;border-radius:4.6875rem;background:radial-gradient(70.6% 71.18% at 50% 50%,#d9d9d9ab,#737373ab)}.none-opt-text{background:radial-gradient(120% 100% at 50% 50%,#835cb9,#4d2c40,#000 60%,#000);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}.q2-num{position:absolute;font-family:Bebas Neue,sans-serif;color:#000;font-size:3rem;text-decoration:underline;top:41rem;left:44rem}.quiz-3-container{position:relative;min-height:100vh;max-width:90rem;margin:0 auto;font-family:Roboto Mono,monospace;padding:2rem;box-sizing:border-box;background:linear-gradient(180deg,#4b6282,#85aee8)}.q3-num{position:absolute;font-family:Bebas Neue,sans-serif;color:#8c1b1b;font-size:3rem;text-decoration:underline;top:41rem;left:44rem}.q3-question{position:absolute;color:#fff;font-size:2rem;max-width:20ch;left:36rem;margin:0,auto}.squiggle{position:absolute;top:4.75rem;right:18rem;width:7rem}.woman-mask-2{position:absolute;width:25rem;height:35rem;left:63rem;top:6rem}.fragrance-opt{position:absolute;background:transparent;border-color:transparent;cursor:pointer;width:14rem;height:8rem;top:7rem;font-family:Roboto Mono,monospace;fill:linear-gradient(180deg,#C5CCD1 0%,#65686B 85.1%)}.fragrance-opt-img{width:14rem;height:9rem;z-index:2;fill:linear-gradient(180deg,#C5CCD1 0%,#65686B 85.1%)}.fragrance-opt-text{position:absolute;font-size:1.5rem;color:#fff;z-index:1;top:3rem;right:2rem;font-style:italic}.alcohol-opt{position:absolute;background:transparent;border-color:transparent;cursor:pointer;width:14rem;height:8rem;top:10rem;left:22rem;font-family:Roboto Mono,monospace}.alcohol-opt-img{width:14rem;height:9rem;z-index:2}.alcohol-opt-text{position:absolute;font-size:1.5rem;color:#fff;z-index:1;top:3rem;right:3rem;font-style:italic}.oils-opt{position:absolute;background:transparent;border-color:transparent;cursor:pointer;width:14rem;height:8rem;top:12rem;left:40rem;font-family:Roboto Mono,monospace}.oils-opt-img{width:14rem;height:9rem;z-index:2}.oils-opt-text{position:absolute;font-size:1.5rem;color:#fff;z-index:1;top:3rem;right:5rem;font-style:italic}.sulfates-opt{position:absolute;background:transparent;border-color:transparent;cursor:pointer;width:14rem;height:8rem;top:17rem;left:2rem;font-family:Roboto Mono,monospace}.sulfates-opt-img{width:14rem;height:9rem;z-index:2}.sulfates-opt-text{position:absolute;font-size:1.5rem;color:#fff;z-index:1;top:3rem;right:2rem;font-style:italic}.fungal-opt{position:absolute;background:transparent;border-color:transparent;cursor:pointer;width:14rem;height:8rem;top:20rem;left:23rem;font-family:Roboto Mono,monospace}.fungal-opt-img{width:14rem;height:9rem;z-index:2}.fungal-opt-text{position:absolute;font-size:1.5rem;color:#fff;z-index:1;top:3rem;width:10ch;right:2rem;font-style:italic}.silicone-opt{position:absolute;background:transparent;border-color:transparent;cursor:pointer;width:14rem;height:8rem;top:21.5rem;left:43rem;font-family:Roboto Mono,monospace}.silicone-opt-img{width:14rem;height:9rem;z-index:2}.silicone-opt-text{position:absolute;font-size:1.5rem;color:#fff;z-index:1;top:3rem;width:10ch;right:2rem;font-style:italic}.parabens-opt{position:absolute;background:transparent;border-color:transparent;cursor:pointer;width:14rem;height:8rem;top:27rem;left:3rem;font-family:Roboto Mono,monospace}.parabens-opt-img{width:14rem;height:9rem;z-index:2}.parabens-opt-text{position:absolute;font-size:1.5rem;color:#fff;z-index:1;top:3rem;width:10ch;right:2rem;font-style:italic}.non-com-opt{position:absolute;background:transparent;border-color:transparent;cursor:pointer;width:14rem;height:8rem;top:30rem;left:22rem;font-family:Roboto Mono,monospace}.non-com-opt-img{width:14rem;height:9rem;z-index:2}.non-com-opt-text{position:absolute;font-size:1.5rem;color:#fff;z-index:1;top:3rem;width:10ch;right:2rem;font-style:italic}.vegan-opt{position:absolute;background:transparent;border-color:transparent;cursor:pointer;width:14rem;height:8rem;top:30rem;left:39rem;font-family:Roboto Mono,monospace}.vegan-opt-img{width:14rem;height:9rem;z-index:2}.vegan-opt-text{position:absolute;font-size:1.5rem;color:#fff;z-index:1;top:3rem;width:13ch;right:.5rem;font-style:italic}.quiz-4-container{background-color:#c4b4b3;min-height:100vh;max-width:90rem;margin:0 auto;font-family:Roboto Mono,monospace;padding:2rem;box-sizing:border-box;display:flex;position:relative}.q4-Img{position:relative;left:30rem;height:40rem;width:30rem}.woman-leaf{position:absolute;width:26rem;height:31rem;top:4rem;margin:0,auto}.finally-path{position:absolute;width:15rem;left:6rem;top:1rem}.q4-question1{position:absolute;height:11rem;z-index:2;top:3rem}.age-range{width:27rem}.q4-question2{position:absolute;top:3rem;left:60rem;z-index:2;height:11rem}.price-budget{width:27rem}.leaf-bgs{position:absolute;min-width:90rem;left:0rem}.leaf-left{position:relative;z-index:1;width:25rem;height:33rem;right:0rem;top:12.5rem}.leaf-right{position:relative;left:40rem;z-index:0;width:25rem;height:33rem;top:12.5rem}.q4-options{position:absolute;width:90rem;max-width:90rem;left:0rem;top:19rem;z-index:2}.eighteen-opt{position:absolute;cursor:pointer;background-color:transparent;border:none;color:#fff;width:10rem;height:4rem;z-index:2;left:1.5rem}.eighteen-opt.clicked{color:#835b94}.eighteen-opt-Img{width:10rem;height:4rem}.eighteen-opt-text{position:absolute;font-size:2rem;width:5ch;color:#835b94;top:1rem;left:2rem}.eighteen-opt-text.clicked{color:#fff}.twenty-five-opt{position:absolute;cursor:pointer;background-color:transparent;border:none;color:#fff;width:10rem;height:4rem;top:1rem;z-index:2;left:15rem}.twenty-five-opt.clicked{color:#835b94}.twenty-five-opt-Img{width:10rem;height:4rem}.twenty-five-opt-text{position:absolute;font-size:2rem;width:5ch;top:1rem;left:2rem;color:#835b94}.twenty-five-opt-text.clicked{color:#fff}.thirty-five-opt{position:absolute;cursor:pointer;background-color:transparent;border:none;color:#fff;width:10rem;height:4rem;z-index:2;top:7rem}.thirty-five-opt.clicked{color:#835b94}.thirty-five-opt-Img{width:10rem;height:4rem}.thirty-five-opt-text{position:absolute;font-size:2rem;width:5ch;top:1rem;left:2rem;color:#835b94}.thirty-five-opt-text.clicked{color:#fff}.fifty-opt{position:absolute;cursor:pointer;background-color:transparent;border:none;color:#fff;width:10rem;height:4rem;top:9rem;left:15.5rem;z-index:2}.fifty-opt.clicked{color:#835b94}.fifty-opt-Img{width:10rem;height:4rem}.fifty-opt-text{position:absolute;font-size:2rem;width:5ch;color:#835b94;top:1rem;left:2rem}.fifty-opt-text.clicked{color:#fff}.one-dollar-opt{position:absolute;cursor:pointer;background-color:transparent;border:none;color:#fff;width:10rem;height:4rem;z-index:2;top:0rem;left:65rem}.one-dollar-opt.clicked{color:#835b94}.one-dollar-opt-Img{width:10rem;height:4rem}.one-dollar-opt-text{position:absolute;font-size:2rem;width:5ch;top:1rem;left:2rem;color:#835b94}.one-dollar-opt-text.clicked{color:#fff}.two-dollar-opt{position:absolute;cursor:pointer;background-color:transparent;border:none;color:#fff;width:10rem;height:4rem;z-index:2;top:2rem;left:79rem}.two-dollar-opt.clicked{color:#835b94}.two-dollar-opt-Img{width:10rem;height:4rem}.two-dollar-opt-text{position:absolute;font-size:2rem;width:5ch;top:1rem;left:2rem;color:#835b94}.two-dollar-opt-text.clicked{color:#fff}.three-dollar-opt{position:absolute;cursor:pointer;background-color:transparent;border:none;color:#fff;width:10rem;height:4rem;z-index:2;top:8rem;left:71rem}.three-dollar-opt.clicked{color:#835b94}.three-dollar-opt-Img{width:10rem;height:4rem}.three-dollar-opt-text{position:absolute;font-size:2rem;width:5ch;top:1rem;left:2rem;color:#835b94}.three-dollar-opt-text.clicked{color:#fff}.q4-num{position:absolute;font-family:Bebas Neue,sans-serif;color:#835b94;font-size:3rem;text-decoration:underline;top:41rem;left:42rem}.quiz-final-page{position:relative;min-height:100vh;min-width:100%;background:linear-gradient(180deg,#fff,#b4c5d7,#fff);display:flex;font-family:Bebas Neue,sans-serif;padding:2rem}.ans-title{font-size:3rem;width:20ch;position:absolute}.routine-box{background:#d9d9d966;left:45rem;width:40rem;height:40rem;position:absolute;padding:2rem;display:flex}.routine-text-box{top:1rem;position:absolute;width:40rem;height:40rem;overflow-y:scroll;font-family:Roboto Mono,monospace}.routine-title-container{text-align:center;margin:1rem 0}.routine-title{font-size:2.5rem;max-width:30ch;font-family:Bebas Neue,sans-serif;font-weight:400;text-align:center;margin-top:1rem;margin-bottom:1rem}.routine-text{font-size:1.5rem}.recs-box{background:#d9d9d980;position:absolute;width:35rem;height:27rem;top:15rem;display:flex;justify-content:center;padding:2rem}.recs-title{font-size:2rem}.products-box{top:5rem;background-color:#bfcddd;position:absolute;width:35rem;height:25rem;overflow-y:scroll}.cat-buttons-container{position:absolute;justify-content:center;align-items:center;background-color:#000;width:35rem;height:3rem}.cat-button{width:8.75rem;height:3rem;font-family:Bebas Neue,sans-serif;font-size:1.5rem;background-color:#fff}.cat-button.selected{width:8.75rem;height:3rem;font-family:Bebas Neue,sans-serif;font-size:1.5rem;border-color:#f31343}.qPrev{width:5rem;height:3rem;position:absolute;left:0;background-color:#fff;font-size:2rem;border-color:#fff;border-radius:2rem;cursor:pointer}.qNext{width:5rem;height:3rem;position:absolute;right:0;background-color:#fff;font-size:2rem;border-color:#fff;border-radius:2rem;cursor:pointer}.products-listed{width:35rem;height:25rem;position:absolute}.product{font-size:1.5rem;font-family:Roboto Mono,monospace;overflow:-y scroll}.loading-screen-container{top:0;position:absolute;width:35rem;height:25rem;overflow-x:scroll;vertical-align:top;text-align:center;display:flex;align-items:center;justify-content:center}.loading-screen{font-size:3rem}.quiz-final-image{position:absolute;width:16rem;height:12rem;left:25rem}.search:link,.search:visited{color:#00f;font-size:1rem}.about-us-whole{position:relative;max-width:90rem;margin:0,auto;height:90rem;padding-top:0;padding-left:1.8rem;font-family:Bebas Neue,sans-serif}.about-us-bg{position:relative;max-width:100rem;height:80rem;background-color:#f3ff77}.au-txt-1{position:absolute;font-size:4rem;color:#625492;top:5rem;left:35rem}.au-txt-2{position:absolute;font-size:2rem;top:13rem;left:10rem;width:30ch}.me-photo{position:absolute;height:20rem;top:13rem;left:33rem}.au-txt-3{position:absolute;font-size:2rem;width:30ch;top:13rem;left:50rem}.au-txt-4{position:absolute;font-size:2rem;width:20ch;top:35rem;left:8rem}.au-txt-5{position:absolute;font-size:2rem;width:20ch;top:35rem;left:29rem}.au-txt-6{position:absolute;font-size:2rem;width:20ch;top:35rem;left:50rem}.au-txt-7{position:absolute;font-size:2rem;width:20ch;top:35rem;left:70rem}.au-txt-8{position:absolute;font-size:2rem;color:#625492;top:42rem;left:13rem}.github-link{position:absolute;font-size:2rem;color:#625492;top:42rem;left:35rem}