@import"https://fonts.googleapis.com/css2?family=Doto:wght@900&display=swap";@import"https://fonts.googleapis.com/css2?family=Doto:wght,ROND@900,40&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Press+Start+2P&display=swap";@import"https://fonts.googleapis.com/css2?family=Doto:wght,ROND@900,40&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.home-header{display:inline-flex;justify-content:space-between;align-items:center;width:99vw;height:5vw;font-family:Poppins,sans-serif}.home-header h2{margin-left:50px}.home-header ul{border:2px solid black;border-radius:8px;margin-right:50px;padding:5px 5px 5px 90px}.home-header li{list-style:none}.home-header a{text-decoration:none;color:#000;font-family:Poppins,sans-serif}.home-header a:hover{color:#00f}.home-main{display:grid;grid-template-rows:5;grid-template-columns:4;height:44vw;width:99vw}.main-text{margin-left:50px;grid-row:2/3;grid-column:1;width:35vw;height:auto;font-family:Poppins,sans-serif;font-weight:600;font-size:60px;margin-top:200px}.chart-root{grid-column:3;width:auto;margin:0;padding:0}.pop-up{position:absolute;border-radius:8px;background-color:#13131f;width:15vw;height:10vh;border:2px solid #13131F;margin-left:640px}.pop-up-home-text{color:#fff;font-family:Doto;margin-left:5px;padding:5px}.home-chart{grid-column:3/3;grid-row:2}.home-draw-line{background-color:#13131f;width:41.84vw;height:5vh}.home-draw-line .refresh-button{background-color:#13131f;padding:0;width:10px;margin-top:12px;margin-left:650px;position:absolute}.home-chart button{font-family:Poppins;font-weight:"900";background-color:#fff;padding:10px;border-radius:8px;border-style:none;width:5vw;align-items:center;margin-top:6px;margin-left:10px;cursor:pointer}.home-chart button:hover{color:red}.home-run{background-color:#13131f;height:5vh;width:41.84vw}.home-run button{margin-top:2px}.home-run #next-chart{margin-left:550px;width:7vw}.sub_gate{position:"fixed";background-color:"rgba(0, 0, 0, 0.5)";z-index:9999;pointer-events:"none";display:"flex";align-items:"center";justify-content:"center";color:"white";font-size:"24px";opacity:50%}@media (max-width: 480px){#color{width:100%;height:30px;background-color:#2eaef8;border-radius:7px 7px 0 0}#color p{display:flex;width:100%;padding-left:10px;align-items:center;margin-top:0;font-family:Doto,serif;font-weight:900;font-variation-settings:"ROND" 0}.box{display:flex;flex-direction:column;align-items:flex-start;background-color:#fff;min-width:15rem;max-width:15rem;height:15rem;border-radius:7px;border:1px solid black;margin-right:5rem;margin-left:-246px;margin-top:5px}.box:hover{cursor:pointer;padding-bottom:5px;margin-top:0;margin-left:-241px;transition-duration:.25s}.z{background-color:#fff;min-width:15rem;height:15rem;border-radius:7px;border:1px solid black;z-index:-1;margin-top:10px}.locked{display:flex;flex-direction:column;align-items:flex-start;background-color:red;min-width:15rem;height:15rem;border-radius:7px;border:1px solid black;margin-right:5rem;margin-left:-246px;margin-top:5px;cursor:pointer}}#color{width:100%;height:30px;background-color:#2eaef8;border-radius:7px 7px 0 0}#color p{display:flex;width:100%;padding-left:10px;align-items:center;margin-top:0;font-family:Doto,serif;font-weight:900;font-variation-settings:"ROND" 0}.box{display:flex;flex-direction:column;align-items:flex-start;background-color:#fff;min-width:250px;max-width:250px;height:270px;border-radius:7px;border:1px solid black;margin-right:170px;margin-left:-246px;margin-top:5px}.box:hover,.locked:hover{cursor:pointer;padding-bottom:5px;margin-top:0;margin-left:-241px;transition-duration:.25s}.z{background-color:#fff;min-width:250px;height:270px;border-radius:7px;border:1px solid black;z-index:-1;margin-top:10px}.locked{display:flex;flex-direction:column;align-items:flex-start;background-color:gray;min-width:250px;height:270px;border-radius:7px;border:1px solid black;margin-right:170px;margin-left:-246px;margin-top:5px;cursor:pointer}@media (max-width: 480px){#logout-button:hover{cursor:pointer}#color{width:100%;height:30px;background-color:#2eaef8;border-radius:7px 7px 0 0}#color p{display:flex;width:100%;padding-left:10px;align-items:center;margin-top:0;font-family:Doto,serif;font-weight:900;font-variation-settings:"ROND" 0}.box{display:flex;flex-direction:column;align-items:flex-start;background-color:#fff;min-width:15rem;height:15rem;border-radius:7px;border:1px solid black;margin-right:5rem;margin-top:5px}.locked{display:flex;flex-direction:column;align-items:flex-start;background-color:gray;min-width:15rem;height:15rem;border-radius:7px;border:1px solid black;margin-right:5rem;margin-left:-246px;margin-top:5px;cursor:pointer}.z{background-color:#fff;min-width:15rem;height:15rem;border-radius:7px;border:1px solid black;z-index:-1;margin-top:10px;margin-left:.25rem}body{margin:0;padding:0;font-family:Inter,Roboto,sans-serif}#homeul{display:flex;align-items:center;justify-content:center;width:59vw;height:7vh;background-color:#fff;padding:0;gap:.5rem}#homeul li{border-radius:10px;padding:.5rem;font-size:.75rem}ul a{text-decoration:none;color:#000}ul a:hover{color:#00f}ul li{list-style:none}#hub-header{display:flex;justify-content:space-between;align-items:center;height:8vh;width:99vw}#title{display:flex;align-items:center;background-color:#fff;width:7rem;margin-left:1rem;font-size:1.5rem}#hub-main{width:99vw;display:inline-flex;flex-wrap:wrap;justify-content:center}.cat_title{margin-top:4rem;display:inline-flex;width:90vw;font-size:1.5rem;font-family:Poppins,sans-serif;font-weight:600}.catalog{display:flex;justify-content:flex-start;width:99vw;height:16.5rem;overflow-x:scroll;overflow-y:visible;margin-left:1rem}}@media (min-width: 1024px){#logout-button:hover{cursor:pointer}#color{width:100%;height:30px;background-color:#2eaef8;border-radius:7px 7px 0 0}#color p{display:flex;width:100%;padding-left:10px;align-items:center;margin-top:0;font-family:Doto,serif;font-weight:900;font-variation-settings:"ROND" 0}.box{display:flex;flex-direction:column;align-items:flex-start;background-color:#fff;min-width:250px;height:270px;border-radius:7px;border:1px solid black;margin-right:170px;margin-left:-246px;margin-top:5px}.box:hover{cursor:pointer;padding-bottom:5px;margin-top:0;margin-left:-241px;transition-duration:.25s}.z{background-color:#fff;min-width:250px;height:270px;border-radius:7px;border:1px solid black;z-index:-1;margin-top:10px}body{margin:0;padding:0;font-family:Inter,Roboto,sans-serif}#homeul{display:flex;align-items:center;justify-content:flex-end;width:600px;background-color:#fff;padding:0}#homeul li{border:1px solid black;border-radius:10px;padding:.5rem;font-size:.85rem;margin-right:2rem}ul a{text-decoration:none;color:#000}ul a:hover{color:#00f}ul li{margin-left:2.5rem;list-style:none;display:flex;justify-content:center}#hub-header{display:flex;justify-content:space-between;height:9vh;width:98vw}#title{display:flex;align-items:center;background-color:#fff;width:10rem;margin-left:2rem;font-size:1.72rem}#hub-main{width:98vw}.cat_title{margin-top:6rem;display:inline-flex;width:95vw;font-family:Poppins,sans-serif;font-weight:600;margin-left:2rem}.catalog{display:flex;justify-content:flex-start;width:97vw;height:21rem;overflow-x:scroll;margin-left:2rem}}@media (min-width: 1440px){#logout-button:hover{cursor:pointer}#color{width:100%;height:30px;background-color:#2eaef8;border-radius:7px 7px 0 0}#color p{display:flex;width:100%;padding-left:10px;align-items:center;margin-top:0;font-family:Doto,serif;font-weight:900;font-variation-settings:"ROND" 0}.box{display:flex;flex-direction:column;align-items:flex-start;background-color:#fff;min-width:250px;height:270px;border-radius:7px;border:1px solid black;margin-right:170px;margin-left:-246px;margin-top:5px}.box:hover{cursor:pointer;padding-bottom:5px;margin-top:0;margin-left:-241px;transition-duration:.25s}.z{background-color:#fff;min-width:250px;height:270px;border-radius:7px;border:1px solid black;z-index:-1;margin-top:10px}body{margin:0;padding:0;font-family:Inter,Roboto,sans-serif}#homeul{display:flex;align-items:center;justify-content:flex-end;width:600px;background-color:#fff;padding:0}#homeul li{border:1px solid black;border-radius:10px;padding:.5rem;font-size:1rem;margin-right:2rem}ul a{text-decoration:none;color:#000}ul a:hover{color:#00f}ul li{margin-left:2.5rem;list-style:none;display:flex;justify-content:center}#hub-header{display:flex;justify-content:space-between;height:9vh;width:99vw}#title{display:flex;align-items:center;background-color:#fff;width:10rem;margin-left:2rem;font-size:1.72rem}.cat_title{margin-top:6rem;display:inline-flex;width:100%;font-family:Poppins,sans-serif;font-weight:600;margin-left:2rem}.catalog{display:flex;justify-content:flex-start;width:100%;height:21rem;overflow-x:scroll;margin-left:2rem}}@media (max-width:480px){.form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:99.5vw;height:79.5vh}.form form{border:2px solid black;border-radius:10px;width:70vw;height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;position:absolute}form h1{font-family:Poppins,sans-serif;font-weight:400;text-align:center;font-size:1.5rem}form input{margin-bottom:35px;height:3vh;width:55vw;font-size:.5rem}form button{width:40vw;height:3vh;border-radius:3px;border:1px solid black;font-weight:400;font-size:.75rem}#floater{background-color:#000;height:50vh;width:70vw;position:relative;border-radius:10px;margin-top:-15px;margin-left:-15px}}@media (min-width: 1024px){.form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:99.5vw;height:79.5vh}.form form{border:2px solid black;border-radius:10px;width:30vw;height:40vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;position:absolute}form h1{font-family:Poppins,sans-serif;font-weight:400}form input{margin-bottom:35px;height:3vh;width:25vw}form button{width:20vw;height:3vh;border-radius:8px;border:1px solid black;font-weight:400;font-size:.75rem}#floater{background-color:#000;height:40vh;width:30vw;position:relative;border-radius:10px;margin-top:-15px;margin-left:-15px}}@media (min-width: 1440px){.form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:99.5vw;height:79.5vh}.form form{border:2px solid black;border-radius:10px;width:30vw;height:40vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;position:absolute}form h1{font-family:Poppins,sans-serif;font-weight:400}form input{margin-bottom:35px;height:3vh;width:25vw}form button{width:20vw;height:3vh;border-radius:8px;border:1px solid black}#floater{background-color:#000;height:40vh;width:30vw;position:relative;border-radius:10px;margin-top:-15px;margin-left:-15px}}.align{display:flex;align-items:center;justify-content:center;width:99vw}.modal{display:flex;flex-direction:column;justify-content:center;gap:.4rem;width:450px;padding:1.3rem;min-height:250px;position:absolute;top:20%;background-color:#fff;border:1px solid #ddd;border-radius:15px;z-index:2}.modal .flex{display:flex;align-items:center;justify-content:space-between}.modal input{padding:.7rem 1rem;border:1px solid #ddd;border-radius:5px;font-size:.9em}.modal p{font-size:.9rem;color:#777;margin:.4rem 0 .2rem;font-family:Doto}button{cursor:pointer;border:none;font-weight:600}.btn{display:inline-block;padding:.8rem 1.4rem;font-weight:700;background-color:#000;color:#fff;border-radius:5px;text-align:center;font-size:1.5em;font-family:Doto;margin-top:30px}.btn:hover{color:#2eaef8}.btn-open{position:absolute;bottom:150px}.btn-close{transform:translate(10px,-20px);padding:.5rem .7rem;background:#eee;border-radius:50%}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1}@media (max-width:480px){#default-main{display:flex;flex-wrap:wrap}.startheader{border-bottom:2px solid rgb(46,174,248);width:100vw;height:8vh;display:inline-flex;justify-content:center;align-items:center;gap:1rem;background-color:#13131f}.startheader h1{margin-right:1rem;width:10rem;color:#fff;padding:0}.startheader ul{width:10rem;display:flex;justify-content:center;align-items:center;font-family:Doto;padding:0;margin-top:1.5rem}.startheader ul li{color:#fff;font-size:1.2rem;padding:0;margin-left:6rem}.startheader ul li:hover{color:#2eaef8;transition-delay:80ms}.split{display:flex;flex-wrap:wrap;display:none;height:84.5vh;width:100%;box-sizing:border-box}#splittext{overflow-y:scroll;width:37%;height:100%;box-sizing:border-box}#splittext h4,#splittext h2,#splittext p,#splittext hr,#splittext h3{margin-left:1rem;margin-right:1rem}#splittext,.chart-container{box-sizing:border-box}.chart-container{background-color:#13131f;justify-content:center;align-items:center;margin:0;padding:0;width:63%;height:100%}#chart-wrap{width:100%;height:84.5vh;justify-content:center;align-items:center;display:flex;flex-wrap:wrap}.chart2-draw-line{display:inline-flex;align-items:center;justify-content:space-between;width:99%;height:7%;background-color:#13131f}.chart2-draw-line button{border-radius:5px;height:2.5rem;color:#13131f;width:5rem;margin-left:1rem}.chart2-draw-line button:hover{color:red}.refresh-button{background-color:#13131f}.chart-container #chart{width:100%;height:86%}.chart2-run{width:99%;height:7%;display:flex;justify-content:flex-start;align-items:center;background-color:#13131f}.chart2-run button{height:2.5rem;border-radius:5px;width:5rem;margin-left:1rem}.chart2-run button:hover{color:red}.chart-lesson-footer{border-top:2px solid rgb(46,174,248);width:100vw;height:7vh;display:flex;justify-content:space-between;align-items:center;background-color:#13131f}.chart-lesson-footer p{color:#fff;width:38%;display:none}.chart-lesson-footer button{width:4rem;height:2.5rem;border-radius:5px;background-color:#fff;margin-right:2rem;margin-left:2rem}.chart-lesson-footer button:hover{color:#2eaef8}#mobile-window{width:100%;height:90vh;display:flex;justify-content:center;align-items:center;border-radius:15px}#mobile-window p{color:#fff;background-color:#13131f;border:1px solid black;border-radius:15px;text-align:center;width:90%;padding-left:.75rem;padding-right:.75rem;height:20%;display:flex;align-items:center;font-family:Doto}}@media (min-width: 1024px){#mobile-window{display:none}#default-main{display:flex;flex-wrap:wrap}.startheader{border-bottom:2px solid rgb(46,174,248);width:100vw;height:8vh;display:inline-flex;gap:1rem;background-color:#13131f;align-items:center}.startheader h1{margin-left:1rem;width:10rem;color:#fff}.startheader ul{width:10rem;display:flex;justify-content:flex-start;align-items:center;font-family:Doto;padding:0}.startheader ul li{color:#fff;font-size:1.2em;margin-top:.5rem}.startheader ul li:hover{color:#2eaef8;transition-delay:80ms}.split{display:flex;flex-wrap:wrap;height:84.5vh;width:100%;box-sizing:border-box}#splittext{overflow-y:scroll;max-width:37%;min-width:37%;height:100%;box-sizing:border-box}#splittext h4,#splittext h2,#splittext p,#splittext hr,#splittext h3{margin-left:1rem;margin-right:1rem}#splittext,.chart-container{box-sizing:border-box}.chart-container{background-color:#13131f;justify-content:center;align-items:center;margin:0;padding:0;width:63%;height:100%}#chart-wrap{width:100%;height:84.5vh;justify-content:center;align-items:center;display:flex;flex-wrap:wrap}.chart2-draw-line{display:inline-flex;align-items:center;justify-content:space-between;width:99%;height:7%;background-color:#13131f}.chart2-draw-line button{border-radius:5px;height:2.5rem;color:#13131f;width:5rem;margin-left:1rem}.chart2-draw-line button:hover{color:red}.refresh-button{background-color:#13131f}.chart-container #chart{width:100%;height:86%}.chart2-run{width:99%;height:7%;display:flex;justify-content:flex-start;align-items:center;background-color:#13131f}.chart2-run button{height:2.5rem;border-radius:5px;width:5rem;margin-left:1rem}.chart2-run button:hover{color:red}.chart-lesson-footer{border-top:2px solid rgb(46,174,248);width:100vw;height:7vh;display:flex;justify-content:flex-end;align-items:center;background-color:#13131f}.chart-lesson-footer p{color:#fff;width:38%}.chart-lesson-footer button{width:4rem;height:2.5rem;border-radius:5px;background-color:#fff;margin-right:2rem}.chart-lesson-footer button:hover{color:#2eaef8}}@media (min-width: 1440px){#mobile-window{display:none}#default-main{display:flex;flex-wrap:wrap}.startheader{border-bottom:2px solid rgb(46,174,248);width:100vw;height:8vh;display:inline-flex;gap:1rem;background-color:#13131f;align-items:center}.startheader h1{margin-left:1rem;width:10rem;color:#fff}.startheader ul{width:10rem;display:flex;justify-content:flex-start;align-items:center;font-family:Doto;padding:0}.startheader ul li{color:#fff;font-size:1.2rem}.startheader ul li:hover{color:#2eaef8;transition-delay:80ms}.split{display:flex;flex-wrap:wrap;height:84.5vh;width:100%;box-sizing:border-box}#splittext{overflow-y:scroll;max-width:37%;min-width:37%;height:100%;box-sizing:border-box}#splittext h4,#splittext h2,#splittext p,#splittext hr,#splittext h3{margin-left:1rem;margin-right:1rem}#textLesson{overflow-y:scroll;max-width:100%;min-width:100%;height:100%;box-sizing:border-box}#textLesson h4,#textLesson h2,#textLesson p,#textLesson hr,#textLesson h3{margin-left:1rem}#info-img{max-height:50%;max-width:50%;width:100%;object-fit:fill;cursor:pointer;border:2px solid #13131F;border-radius:8px}#splittext,.chart-container{box-sizing:border-box}.chart-container{background-color:#13131f;justify-content:center;align-items:center;margin:0;padding:0;width:63%;height:100%}#chart-wrap{width:100%;height:84.5vh;justify-content:center;align-items:center;display:flex;flex-wrap:wrap}.chart2-draw-line{display:inline-flex;align-items:center;justify-content:space-between;width:99%;height:7%;background-color:#13131f}.chart2-draw-line button{border-radius:5px;height:2.5rem;color:#13131f;width:5rem;margin-left:1rem}.chart2-draw-line button:hover{color:red}.refresh-button{background-color:#13131f}.chart-container #chart{width:100%;height:86%}.chart2-run{width:99%;height:7%;display:flex;justify-content:flex-start;align-items:center;background-color:#13131f}.chart2-run button{height:2.5rem;border-radius:5px;width:5rem;margin-left:1rem}.chart2-run button:hover{color:red}.chart-lesson-footer{border-top:2px solid rgb(46,174,248);width:100vw;height:7vh;display:flex;justify-content:flex-end;align-items:center;background-color:#13131f}.chart-lesson-footer p{color:#fff;width:42%}.chart-lesson-footer button{width:4rem;height:2.5rem;border-radius:5px;background-color:#fff;margin-right:2rem}.chart-lesson-footer button:hover{color:#2eaef8}}.splitphoto{display:flex;justify-content:center;align-items:center;background-color:#13131f;height:100%;width:63%}.splitphoto img{max-height:100%;max-width:100%;object-fit:contain}.practice-container-button{height:2rem;border:1px solid #13131F;border-radius:5px;width:7rem}.practice-container-button:hover{color:#2eaef8}.quote{padding:15px;width:80%;color:#fff;background-color:#13131f;border:2px solid rgb(46,174,248);border-radius:5px;opacity:85%;font-family:Doto}.quote p{margin-left:30px}#outer_pd-tab{border:2px solid black;border-radius:8px;padding-right:20px;height:40px;width:80%;display:flex;align-items:center;font-family:Doto;color:#2eaef8;background-color:#13131f;cursor:pointer}#outer_pd-tab p{margin-left:20px}#outer_pd-tab2{padding-right:20px;height:300px;width:80%}#inner_pd-tab{height:350px;width:80%}#pd-tab_img{max-height:100%;max-width:100%;width:100%;object-fit:fill;cursor:pointer;border:2px solid #13131F;border-radius:8px}@media (max-width:480px){#subscription-header{display:flex;justify-content:space-between;align-items:center;height:9vh;width:99vw}#subscription-header #homepage-name{margin-left:1rem;font-size:.75rem}#subscription-header #subscription-list li{display:inline-flex;font-size:.7rem;margin-left:1rem;border-radius:10px;text-align:center}#subscription-header #subscription-list #subscription-ul{width:50vw;height:7vh;display:flex;gap:0rem;justify-content:center;align-items:center;margin-right:1rem}#subscription-header #subscription-list{height:8vh;display:flex;justify-content:center;align-items:center}#subscription-main{display:flex;justify-content:center;align-items:center;height:90vh}#subscription-card{border:1px solid black;border-radius:8px;display:flex;justify-content:center;flex-wrap:wrap;gap:6rem;width:60vw;height:40vh;cursor:pointer;z-index:2;position:absolute;background-color:#fff;margin-bottom:2rem;margin-left:2rem;transition-duration:1s;font-size:1.5rem}#subscription-card:hover{cursor:pointer}#subscription-card-move{transition-duration:.5s;border:1px solid black;border-radius:8px;display:flex;justify-content:center;flex-wrap:wrap;gap:6rem;width:60vw;height:40vh;margin-bottom:2rem;margin-left:2rem;cursor:pointer;font-size:1.3rem;position:absolute;z-index:2;background-color:#fff}#subscription-floater{background-color:#000;border-radius:8px;height:40vh;width:60vw;z-index:1}}@media (min-width: 1024px){#subscription-header{display:flex;justify-content:space-between;align-items:center;height:9vh;width:99vw}#subscription-header #homepage-name{margin-left:5rem;font-size:1.15rem}#subscription-header #subscription-list li{margin-right:2rem;display:inline;font-size:1rem;border:1px solid black;border-radius:10px;padding:.5rem}#subscription-main{display:flex;justify-content:center;align-items:center;height:90vh}#subscription-card{border:1px solid black;border-radius:8px;display:flex;justify-content:center;flex-wrap:wrap;gap:6rem;width:18vw;height:40vh;cursor:pointer;z-index:2;position:absolute;background-color:#fff;margin-bottom:2rem;margin-left:2rem;transition-duration:1s;font-size:2rem}#subscription-card:hover{cursor:pointer}#subscription-card-move{transition-duration:.5s;border:1px solid black;border-radius:8px;display:flex;justify-content:center;flex-wrap:wrap;gap:6rem;width:18vw;height:40vh;margin-bottom:3rem;margin-left:3rem;cursor:pointer;font-size:2rem;position:absolute;z-index:2;background-color:#fff}#subscription-floater{background-color:#000;border-radius:8px;height:40vh;width:18vw;z-index:1}#subscription-cancel{margin-top:-12rem;display:flex;justify-content:center;align-items:center;height:4rem;color:gray}#subscription-cancel a{border:1px solid black;border-radius:8px;padding:.5rem}#subscription-cancel a:hover{color:#585858;transition-duration:.5s}}@media (min-width: 1440px){#subscription-header{display:flex;justify-content:space-between;align-items:center;height:9vh;width:99vw}#subscription-header #homepage-name{margin-left:5rem;font-size:1.15rem}#subscription-header #subscription-list li{margin-right:2rem;display:inline;font-size:1rem;border:1px solid black;border-radius:10px;padding:.5rem}#subscription-main{display:flex;justify-content:center;align-items:center;height:90vh}#subscription-card{border:1px solid black;border-radius:8px;display:flex;justify-content:center;flex-wrap:wrap;gap:10rem;width:18vw;height:40vh;cursor:pointer;z-index:2;position:absolute;background-color:#fff;margin-bottom:2rem;margin-left:2rem;transition-duration:1s;font-size:2rem}#subscription-card:hover{cursor:pointer}#subscription-card-move{transition-duration:.5s;border:1px solid black;border-radius:8px;display:flex;justify-content:center;flex-wrap:wrap;gap:10rem;width:18vw;height:40vh;margin-bottom:3rem;margin-left:3rem;cursor:pointer;font-size:2rem;position:absolute;z-index:2;background-color:#fff}#subscription-floater{background-color:#000;border-radius:8px;height:40vh;width:18vw;z-index:1}#subscription-cancel{margin-top:-12rem;display:flex;justify-content:center;align-items:center;height:4rem;color:gray}#subscription-cancel a{border:1px solid black;border-radius:8px;padding:.5rem}#subscription-cancel a:hover{color:#585858;transition-duration:.5s}}@media (max-width: 480px){#homepage-header{display:flex;justify-content:space-between;align-items:center;height:9vh;width:99vw}#homepage-name{margin-left:1rem;font-size:.75rem}#homepage-dir li{margin-right:1rem;display:inline;font-size:.75rem;border:1px solid black;border-radius:10px;padding:.5rem}#homepage-container{display:flex;align-items:center;flex-wrap:wrap;min-height:99vh;width:99vw;position:relative;justify-content:space-around}#homepage-callout{font-family:Poppins,sans-serif;font-size:1.75rem;max-width:25rem;text-align:center}#homepage-video{margin-top:-9rem;justify-content:center;height:20rem;width:35rem;display:flex;align-items:center}#homepage-video video{height:20rem;width:22rem}#homepage-item3{margin-top:-5rem;display:flex;justify-content:center;align-items:center;text-decoration:underline;text-underline-offset:.5rem;font-size:.75rem}}@media (min-width: 1024px){#homepage-header{display:flex;justify-content:space-between;align-items:center;height:9vh;width:96vw}#homepage-name{margin-left:4rem;font-size:1rem}#homepage-dir li{margin-right:3rem;display:inline;font-size:.75rem;border:1px solid black;border-radius:10px;padding:.5rem}#homepage-container{display:flex;align-items:center;flex-wrap:wrap;min-height:87vh;width:96vw;position:relative;justify-content:space-around}#homepage-callout{font-family:Poppins,sans-serif;font-size:3rem;max-width:30rem;margin-left:1.5rem}#homepage-video{height:30rem;width:40rem;display:flex;align-items:center}#homepage-video video{height:30rem;width:40rem}#homepage-item3{width:20rem;min-height:2rem;display:flex;justify-content:center;align-items:center;text-decoration:underline;text-underline-offset:.5rem}}@media (min-width: 1440px){#homepage-header{display:flex;justify-content:space-between;align-items:center;height:9vh;width:99vw}#homepage-name{margin-left:5rem;font-size:1.15rem}#homepage-dir li{margin-right:5rem;display:inline;font-size:1rem;border:1px solid black;border-radius:10px;padding:.5rem}#homepage-container{display:flex;align-items:center;flex-wrap:wrap;min-height:75vh;width:99vw;position:relative;justify-content:space-around}#homepage-callout{font-family:Poppins,sans-serif;font-size:4rem;max-width:38rem;margin-left:0rem}#homepage-video{margin-left:0rem;height:40rem;width:60rem;display:flex;align-items:center}#homepage-video video{height:40rem;width:60rem}#homepage-item3{width:22rem;margin-top:6rem;display:flex;justify-content:center;align-items:center;text-decoration:underline;text-underline-offset:.5rem}}@media (max-width:480px){.practice-chart-container,#practice-section .chart-lesson-footer,#practice-modal{display:none}}@media (min-width: 1024px){#practice-section .startheader{width:99.9%}.practice-chart-container{width:99.9%;height:80%;padding:0}.practice-chart-container #chart-wrap,.practice-chart-container .chart2-draw-line{width:100%}.practice-chart-container #chart{width:100%;height:86%;padding:0;margin:0;z-index:1;background-color:#13131f}.practice-chart-container .chart2-run{width:100%}#practice-section .chart-lesson-footer{width:99.9%}#chart-lesson-back-locked{cursor:default;opacity:50%;color:#acacac}#chart-lesson-back-locked:hover{cursor:default;opacity:50%;color:#2eaef8}#leave-button-show{display:block}#leave-button-show:hover{color:red}#leave-button-hide{display:none}#practice-modal{cursor:pointer;position:absolute;margin-top:5rem;width:99.9%;height:4rem;z-index:2;display:flex;justify-content:center;align-items:center;border-radius:15px}#practice-modal-close-button{color:#13131f;position:absolute;width:34%;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;height:70%;justify-content:flex-end;display:flex}#practice-modal-close-button h4{border:1px solid #13131F;text-shadow:2px 2px 2px rgba(0,0,0,.5);border-radius:2px;height:1.1rem;width:1.1rem;padding:.1rem;margin:0rem;display:flex;justify-content:center;align-items:center;font-weight:600}#practice-modal-close-button h4:hover{color:red}#practice-modal p{width:35%;height:85%;display:flex;justify-content:center;background-color:#f0f8ff;border-radius:15px;align-items:center}#hide-practice-modal{display:none}.chart-lesson-footer{position:relative}.chart-lesson-footer p{position:absolute;left:48%;width:auto}}@media (min-width: 1440px){#practice-section .startheader{width:99.9%}.practice-chart-container{width:99.9%;height:99%;padding:0}.practice-chart-container #chart-wrap,.practice-chart-container .chart2-draw-line{width:100%}.practice-chart-container #chart{width:100%;height:86%;padding:0;margin:0;z-index:1;background-color:#13131f}.practice-chart-container .chart2-run{width:100%}#practice-section .chart-lesson-footer{width:99.9%}#chart-lesson-back-locked{cursor:default;opacity:50%;color:#acacac}#chart-lesson-back-locked:hover{cursor:default;opacity:50%;color:#2eaef8}#leave-button-show{display:block}#leave-button-show:hover{color:red}#leave-button-hide{display:none}#practice-modal{cursor:pointer;position:absolute;margin-top:5rem;width:99.9%;height:4rem;z-index:2;display:flex;justify-content:center;align-items:center;border-radius:15px}#practice-modal-close-button{color:#13131f;position:absolute;width:34%;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;height:70%;justify-content:flex-end;display:flex}#practice-modal-close-button h4{border:1px solid #13131F;text-shadow:2px 2px 2px rgba(0,0,0,.5);border-radius:2px;height:1.1rem;width:1.1rem;padding:.1rem;margin:0rem;display:flex;justify-content:center;align-items:center;font-weight:600}#practice-modal-close-button h4:hover{color:red}#practice-modal p{width:35%;height:85%;display:flex;justify-content:center;background-color:#f0f8ff;border-radius:15px;align-items:center}#hide-practice-modal{display:none}.chart-lesson-footer{position:relative}.chart-lesson-footer p{position:absolute;left:48%;width:auto}}