@import url("https://fonts.googleapis.com/css2?family=Cookie&family=Lato&family=Lora:wght@400;700&family=Noto+Sans+JP&display=swap");:root{--color-grey-blue:#30343d;--color-light-blue:#93d9ee;--color-light-grey-blue:#506877;--color-blue:#385a6c;--color-green:#22ce6b;--color-main:#161f26;--color-secondary:var(--color-grey-blue);--color-ternary:var(--color-blue);--color-text:#fff;--color-button:var(--color-light-blue);--color-button-hover:#75b5c9;--color-highlight:#ff0;--color-highlight-secondary:red;--color-text-secondary:var(--color-light-blue);--color-text-disabled:var(--color-blue);--color-button-secondary:var(--color-blue);--color-circles:#4a616f;--color-border:#1f2a34;--page-width:82%;--page-padding:calc((100% - var(--page-width)) / 2);--default-font:"Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--secondary-font:"Lato",sans-serif;--header-height:60px}body{margin:0;font-family:var(--default-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cover-page,body{color:var(--color-text);background-color:var(--color-main)}.cover-page{min-height:100vh}button,input{font-family:var(--default-font);border:none}h1,h2{font-weight:700}a,button,h3,p{font-weight:600}a,h1,h2,h3{margin:0}a,button{color:var(--color-text);text-decoration:none;font-size:14px}a:hover{color:var(--color-highlight)}button{border:none;text-align:center}.page-title-container{text-align:center;height:160px;padding:60px var(--page-padding) 0 calc(250px + var(--page-padding))}.page-title-container h2{font-size:48px}.page-title-container h2>span>p.temp-message{font-size:16px;line-height:16px;width:560px;max-width:100%;margin:0 auto;color:var(--color-highlight)}.page-wrapper{width:var(--page-width);display:flex;margin:40px auto 20px}.page-content{width:100%}.page-content>div{text-align:left;background-color:#f7f7f7;border-radius:4px;width:100%;color:#000;padding:40px;margin-left:1rem;box-shadow:0 0 9px 4px rgba(0,0,0,.15);min-height:1200px;box-sizing:border-box;font-family:Lora,serif;font-size:1.2rem}.page-content>div>p{font-weight:400}.sidebar{text-align:left;width:230px;min-width:230px}.sidebar>h2{font-size:16px;text-transform:uppercase;margin:1rem 0}.sidebar>ul{list-style:none;padding:0;margin:0}.sidebar a{color:var(--color-text-secondary)}.sidebar a:hover{color:var(--color-text)}.sidebar>ul>li{padding-left:10px;padding-top:6px;padding-bottom:6px}.sidebar>ul>li.active{border-left:4px solid var(--color-highlight);background-color:#2a2a42}.sidebar>ul>li.active>a{font-weight:700;color:var(--color-text)}.pre-signup{flex-direction:column}.pre-signup,.pre-signup a{display:flex;align-items:center}.pre-signup a{background-color:var(--color-button);border-radius:2px;color:var(--color-main);height:42px;padding:0;width:300px;font-size:18px;justify-content:center}.pre-signup a:hover{cursor:pointer}.pre-signup a:first-child{margin-top:40px}.pre-signup a:first-child:hover{color:var(--color-main)}.pre-signup a:last-child{margin-top:40px;background-color:#161723;color:var(--color-text-secondary)}.pre-signup a:last-child:hover{background-color:#1a1b29}.go-back{color:var(--color-text-secondary);font-weight:700;width:100%;text-align:center;display:block;font-size:16px;margin-top:10px;margin-bottom:10px}.go-back a{color:inherit}.go-back a:hover{color:var(--color-highlight)}.common-page{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;margin-top:15vh}.common-page h1{font-size:64px;text-align:center}.button-list{display:flex;flex-direction:column}.button-list.spacing-x1 a,.button-list.spacing-x1 button{margin-top:10px}.button-list.spacing-x2 a,.button-list.spacing-x2 button{margin-top:20px}.button-list.spacing-x3 a,.button-list.spacing-x3 button{margin-top:30px}.button-list.spacing-x4 a,.button-list.spacing-x4 button{margin-top:40px}.button-list a,.button-list b{width:100%}.button-list a:first-child,.button-list b:first-child{margin-top:0}.button{border-radius:2px;height:38px;font-size:14px;display:flex;justify-content:center;align-items:center;padding:0 10px}.button:hover{cursor:pointer}.button.large{height:46px;font-size:18px}.button.primary{background-color:var(--color-button);color:var(--color-main)}.button.primary:hover{background-color:var(--color-button-hover)}.button.secondary{background-color:#161723;color:var(--color-text-secondary)}.button.secondary:hover{background-color:#1a1b29}.button.ternary{background-color:var(--color-ternary);color:var(--color-text)}.button.ternary:hover{background-color:var(--color-button-hover);color:var(--color-main)}.button.transparent{background-color:transparent;color:var(--color-light-blue)}.button.transparent:hover{background-color:transparent;color:#fff}.split-container{width:840px;display:flex;flex-direction:row}.split-container .center-bar{border-right:1px solid var(--color-text);position:relative}.split-container .center-or{background-color:var(--color-main);border:1px solid var(--color-text);border-radius:10px;display:flex;flex-direction:column;font-size:20px;font-weight:600;height:40px;justify-content:center;margin-left:-20px;position:absolute;text-align:center;transition:all .4s linear;width:40px;top:50%;transform:translateY(-50%)}.split-container .expand-or{height:80px}.split-container>.left-container,.split-container>.right-container{width:calc(840px / 2 - 1px);flex-grow:0;flex-shrink:0}.flex-box{display:flex}.flex-box.flex-center{align-items:center;justify-content:center}.flex-box.flex-column{flex-direction:column}.flex-box.flex-column.flex-center-x{align-items:center}.flex-box.flex-column.flex-center-y{justify-content:center}.flex-box.flex-row{flex-direction:row}.flex-box.flex-row.flex-center-x{justify-content:center}.flex-box.flex-row.flex-center-y{align-items:center}.form-vertical{display:flex;flex-direction:column}.form-vertical label{color:var(--color-text-secondary);font-weight:500;font-size:12px;margin-bottom:2px}.form-vertical input{background-color:#d5d7de;font-family:var(--secondary-font);padding:10px;border-radius:3px;margin-bottom:14px}.form-vertical .submit{margin-top:20px}.join-text{color:var(--color-text-secondary);font-weight:700;width:100%;text-align:center;display:block;font-size:22px;margin-bottom:10px}.padding-y-x1{padding-top:10px;padding-bottom:10px}.padding-y-x2{padding-top:20px;padding-bottom:20px}.padding-y-x3{padding-top:30px;padding-bottom:30px}.padding-y-x4{padding-top:40px;padding-bottom:40px}.padding-x-x1{padding-left:10px;padding-right:10px}.padding-x-x2{padding-left:20px;padding-right:20px}.padding-x-x3{padding-left:30px;padding-right:30px}.padding-x-x4{padding-left:40px;padding-right:40px}@media only screen and (max-device-width:950px),only screen and (max-width:950px){.page-wrapper{flex-direction:column}.page-title-container{padding:60px var(--page-padding) 0 var(--page-padding)}.page-content>div{margin-left:0;margin-top:10px}.sidebar{width:100%}}@media only screen and (max-device-width:600px),only screen and (max-width:600px){.page-title-container{height:-moz-fit-content;height:fit-content}}.app{text-align:center}.placeholder{background-color:var(--color-secondary)}.header{background-color:var(--color-main);color:var(--color-text);height:60px;padding:0 calc((100% - var(--page-width)) / 2);display:flex;flex-direction:row;justify-content:space-between;width:100%;box-sizing:border-box;position:fixed;z-index:1000;box-shadow:0 0 14px 7px rgba(0,0,0,.2);top:0}.header.hidden{opacity:0}.logo{align-self:center}.logo,.logo:hover{color:#fff}.logo h1{font-size:24px;font-weight:600}.logo>h1>span{margin-right:8px;border:2px solid var(--color-text);border-radius:5px;height:34px;line-height:34px;width:34px;font-size:20px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.flex-row{display:flex;flex-direction:row;justify-content:space-between}.left{width:560px}.links{width:360px}.links a{padding-top:2px;color:var(--color-text-secondary);font-size:12px}.links a:hover{color:var(--color-text)}.right{width:-moz-fit-content;width:fit-content}.vertical-center{display:flex;flex-direction:column;justify-content:center;height:100%}.caret{color:var(--color-highlight);margin:0 8px;font-size:20px;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s}.caret svg,.caret svg path{color:var(--color-highlight);fill:var(--color-highlight)}.rotated{transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg)}.mobile{display:none}.navlink{padding:0 1rem}.navbutton{background-color:var(--color-button);color:var(--color-main);height:38px;width:130px;border-radius:2px;padding:0}.navbutton:hover{color:var(--color-main);background-color:var(--color-button-hover)}.signup{width:90px;text-align:center}.login,.signup{align-self:center}.login{color:var(--color-text-secondary)}.login.navbutton{color:var(--color-main)}.login:hover{color:var(--color-text)}.footer{background-color:var(--color-border);margin-top:7vh;height:168px;border-top:1px solid var(--color-text-secondary);font-size:14px;box-sizing:border-box;padding:5% calc((100% - var(--page-width)) / 2);text-align:left;color:var(--color-text-secondary)}.footer .logo{border-color:var(--color-text-secondary)}.mobile-col{padding-right:30%}.bottom{width:600px;margin:0 auto;text-align:center;height:-moz-fit-content;height:fit-content}.bottom p{margin:0}.bottom a{color:var(--color-text-secondary)}.bottom a:hover{color:var(--color-text)}.column{display:flex;flex-direction:column}.column p{margin:0 0 20px;font-size:18px}.column a{margin:10px 0}.form-error.error{font-size:12px;font-style:italic;color:red}.footer-logo{margin-right:15px;border:2px solid var(--color-text-secondary);border-radius:5px;height:36px;line-height:36px;width:36px;font-size:20px;text-align:center;display:flex;align-items:center;justify-content:center}@media screen and (max-width:1030px){.login{padding-right:0}.full{display:none}.caret,.mobile{display:flex}.caret{cursor:pointer}.links{display:none;margin-top:60px;margin-left:-9%;position:absolute;flex-direction:column;width:100%;background-color:var(--color-secondary)}.link-show{display:flex}.links a{width:100%;margin:0 auto;padding:10px 0;border-bottom:.5px solid var(--color-text-secondary)}.left{width:-moz-fit-content;width:fit-content}.footer{height:-moz-fit-content;height:fit-content}.footer-logo{margin:.5em auto}.bottom,.mobile-col{flex-direction:column;padding-right:0}.expand-col{border-bottom:1px solid var(--color-text-secondary);padding:1em 0}.col-head p{margin:0;cursor:pointer}.col-show{display:flex}.bottom{max-width:-moz-fit-content;max-width:fit-content;padding-top:10px}.bottom span,.no-show{display:none}.bottom a,.bottom p{padding:5px}}@media screen and (max-width:500px){.login{padding-left:1rem}}@media screen and (max-width:440px){.header{padding:0 20px}}.page-padding{padding-top:60px}.background{padding:6% calc((100% - var(--page-width)) / 2);height:420px;background-color:var(--color-main);color:var(--color-text)}.main-text{width:600px}.main-text h1{text-align:left;font-size:40px}.main-text p{font-size:18px;text-align:left;line-height:1.8em;color:var(--color-text-secondary)}.main-text p span{color:var(--color-text);font-weight:700}.main{width:var(--page-width);margin:0 auto}.box-container{display:grid;width:82%;grid-template-columns:repeat(3,1fr);-moz-column-gap:27px;column-gap:27px;margin-top:149px}.buttondiv{display:flex;justify-content:center}.box-text{color:#c7c9d3;line-height:1.5em}.popupcontrol{width:-moz-fit-content;width:fit-content;margin:1rem auto;color:var(--color-text-secondary);cursor:pointer}.popupcontrol:hover,.popupform{color:var(--color-text)}.popupform{background-color:rgba(0,0,0,.3);padding:15px;flex-direction:column;width:100%;box-sizing:border-box;text-align:center;border-radius:10px}.popupform h3{font-size:20px}.quote-form{text-align:left;display:flex;flex-direction:column}.quote-form input,.quote-form label{font-family:var(--secondary-font)}.quote-form input{background-color:#d5d7de}.quote-form label{margin-top:1rem;color:var(--color-text-secondary);font-weight:500;font-size:12px;margin-bottom:2px}.quote-form input{padding:10px;border-radius:3px}.quote-form input[type=submit]{margin-top:2rem;color:var(--color-text);background-color:var(--color-ternary);font-size:15px}.quote-form input[type=submit]:hover{color:var(--color-main);background-color:var(--color-button-hover)}.submit-text{color:var(--color-text-secondary);font-size:12px;margin-bottom:0}.hide{display:none}.point-box{padding:30px;text-align:left;height:480px}.point-box h2{text-align:center;margin-bottom:30px}.temp{position:absolute;width:400px;height:300px;border-radius:10px}.dark{background-color:var(--color-text-secondary)}.light{background-color:var(--color-ternary)}.point-content{box-sizing:border-box;width:50%;padding-right:20px}.point{padding:15px 15px 5px}.point p span a{font-size:inherit;color:var(--color-text-secondary)}.point p span a:hover{color:var(--color-highlight)}.point h3{color:var(--color-text-secondary)}.open-point h3,.point h3:hover{color:var(--color-text)}.open-point{background-color:rgba(0,0,0,.3);border-radius:2px}.image{border-radius:10px;width:100%;margin:0 auto;height:650px;color:var(--color-text);text-align:left;border:1.5px solid var(--color-border)}.image,.image-main{box-sizing:border-box}.image-main{padding:20px 20px 15%;border-bottom:1px solid var(--color-border);height:575px;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.image-button{padding:15px 30px;text-align:center}.enabled{color:var(--color-text)}.disabled,.disabled:hover,.enabled{background-color:var(--color-button-secondary)}.disabled,.disabled:hover{color:var(--color-secondary)}.image h1 span{position:relative;border-bottom:4px dotted var(--color-text-secondary)}.instructions{font-weight:600}.math{color:var(--color-text-secondary);font-size:44px}.progress{height:24px;width:24px;background-color:var(--color-highlight);border-radius:50%;margin-top:-12px;position:absolute}.image-heading{color:var(--color-text-secondary)}.image-heading p{text-align:left;margin:0}.subheading{color:var(--color-text-disabled)}.image h1 span:hover .tooltip{visibility:visible}.tooltip{visibility:hidden;box-sizing:border-box;background-color:rgba(0,0,0,.8);border-radius:10px;font-size:16px;width:300px;padding:20px;top:55px;left:calc(-50% + 15px)}.tooltip,.tooltip:after{position:absolute;z-index:1}.tooltip:after{content:"";bottom:100%;left:50%;margin-left:-10px;border:10px solid transparent;border-bottom-color:#000}.tooltip h3{border-bottom:1px solid var(--color-text)}.heart{animation:animateHeart 1.5s infinite}.heart,.heart path{color:red;fill:red}@keyframes animateHeart{0%{transform:scale(1)}5%{transform:scale(1.1)}10%{transform:scale(1)}15%{transform:scale(1.2)}50%{transform:scale(1)}}.teacher-testimonial{font-size:16px;text-align:left;padding:20px 20px 60px 25px;position:relative;height:100%}.teacher-testimonial p{margin:0}.quote{color:var(--color-highlight);font-family:var(--secondary-font);font-weight:700;font-size:16px}.left-quote{position:absolute;margin-left:-16px;margin-top:-11px;font-size:40px}.teacher-details{position:absolute;bottom:0;right:0;z-index:2;margin-right:20px;margin-bottom:20px}.teacher-name{color:var(--color-highlight);font-family:Cookie,cursive;text-align:right;margin-bottom:0;font-weight:400;font-size:18px}.teacher-place{color:var(--color-text-secondary);font-size:8px;text-align:right;margin-top:0;text-transform:uppercase}.news-parenthetical{font-size:16px;color:var(--color-text-secondary)}.news-subheading{font-size:12px;margin:0}.news-subheading a:hover{color:var(--color-text-secondary);text-decoration:underline}.news-box{height:550px;width:100%;background-color:#f7f7f7;border-radius:10px;display:flex;padding:30px;box-sizing:border-box;color:#000;font-family:Lora,serif;text-align:left}.news-box h2{margin-bottom:1rem;font-size:24px}.news-box p{font-weight:400;font-size:20px}.news-img{min-width:50%;border-right:.25px solid #000;padding-right:20px;box-sizing:border-box;display:flex;flex-direction:column}.img-div{width:100%;height:100%;overflow:hidden;margin:0 auto}.img-caption{font-family:var(--default-font);font-weight:600;font-size:12px}.news-img img{max-width:100%;max-height:100%;transition:.6s ease-out}.news-img img:hover{transform:scale(1.07)}.news-text{overflow:scroll;padding-left:20px}.blurred-text{-webkit-user-select:none;-moz-user-select:none;user-select:none;color:transparent;text-shadow:0 0 8px rgba(0,0,0,.5)}.how-box{display:flex;height:-moz-fit-content;height:fit-content;box-sizing:border-box;padding:30px;position:relative}.how-box .animation-wrapper{margin:0;position:absolute;top:50%;transform:translateY(-50%)}.how-box .how-content{padding-left:430px;text-align:left}.how-box .how-content>ol{padding-left:0}.how-box .how-content>ol>li{font-weight:600;font-size:20px;padding-bottom:1rem}.how-box .how-content>p{font-size:16px;color:var(--color-text-secondary)}.how-box .how-content>p>a{font-size:inherit;text-decoration:underline}.how-box .how-content>p>a:hover{color:var(--color-text-secondary)}@media screen and (max-width:1100px){.background{height:440px}}@media screen and (max-width:950px){.background{box-sizing:border-box;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;justify-content:center}.main-text{width:100%}.main-text>h1{font-size:36px}.main-text>h1,.main-text>p{text-align:center}.main-text>a{margin:0 auto}.box-container{grid-template-columns:1fr;grid-template-rows:repeat(3,fit-content);margin-top:0}.point-box,.point-div{height:-moz-fit-content;height:fit-content}.point-div{display:block}.point-content{width:100%;padding-right:0}.image{width:100%;height:475px}.image-main{height:400px}.how-box,.news-box{height:-moz-fit-content;height:fit-content;flex-direction:column;text-align:center}.news-img{width:100%;padding:0 0 10px;border-right:none;border-bottom:.25px solid #000}.news-parenthetical{display:block;margin-bottom:-10px}.news-text{text-align:left;padding:0}.news-text>h2{padding-top:1rem}.how-box .animation-wrapper{position:relative;width:100%;padding:0 0 30px;border-right:none;top:0;transform:none}.how-box .how-content{padding-left:30px}}@media screen and (max-width:500px){.how-box .animation-wrapper{transform:scale(.8)}}@media screen and (max-width:420px){.how-box .animation-wrapper{transform:scale(.7)}}.box{box-sizing:border-box;height:100%;max-height:350px;width:100%;padding:20px;background-color:var(--color-secondary);text-align:left;border-radius:10px;transition:max-height .4s linear;color:var(--color-text)}.box.expand{max-height:700px}.box .bold{font-weight:700;color:var(--color-text)}.box .cost{color:var(--color-highlight)}.icon-box{color:var(--color-text-secondary);background-color:var(--color-main);height:70px;width:70px;border-radius:10px;margin-top:-50px;margin-bottom:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:40px}.box:hover .icon-box{color:var(--color-highlight)}.icon-box svg,.icon-box svg path{color:var(--color-text-secondary);fill:currentColor}.box:hover .icon-box svg,.box:hover .icon-box svg path{color:var(--color-highlight);fill:currentColor}@media screen and (max-width:950px){.box{width:100%;margin-top:45px;height:-moz-fit-content;height:fit-content;max-height:350px}.box.expand{max-height:700px}}.item{height:100%;width:100%;border-radius:2px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;text-align:center;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s}.radius{border-radius:10px}.hover-item:hover{transform:scale(1.08);-webkit-transform:scale(1.08);-moz-transform:scale(1.08);transition:.4s;-webkit-transition:.4s;-moz-transition:.4s}.section{padding:1vh 0}.item-section-text{color:var(--color-text);text-align:left;margin:45px 0 25px;font-size:24px}.item-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:27vw;-moz-column-gap:1.5vw;column-gap:1.5vw}.feature{grid-template-columns:repeat(3,1fr);grid-template-rows:18vw}.big{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,auto);row-gap:1.5vw}@media screen and (max-width:950px){.item-section-text{text-align:center}.item-container.big{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(10,auto);-moz-column-gap:2vw;column-gap:2vw;row-gap:2vw}}@media screen and (max-width:650px){.item-container{grid-template-rows:repeat(2,54vw);row-gap:2vw}.feature,.item-container{grid-template-columns:repeat(2,1fr);-moz-column-gap:2vw;column-gap:2vw}.feature{grid-template-rows:54vw 27vw;grid-template-areas:"first first" "second third";row-gap:4vw}.first{grid-area:first}.second{grid-area:second}.third{grid-area:third}}.section{padding:15px 0}.big-section{padding-top:30px;border-radius:2px;color:var(--color-text)}.big-section-text{color:var(--color-text);text-align:left;margin:45px 0 0;font-size:24px}@media screen and (max-width:950px){.big-section-text{text-align:center}.big-section{height:-moz-fit-content;height:fit-content}}.main-shapes{margin-left:60px}.shape-rectangle1{background-color:var(--color-secondary);height:200px;width:270px;border-radius:12px;margin-top:40px;margin-right:50px}.shape-circle{z-index:1;position:absolute;background-color:var(--color-text-secondary);height:120px;width:120px;border-radius:50%;box-shadow:0 0 20px 10px rgba(0,0,0,.3);margin-left:-50px;margin-top:-170px;align-items:center;display:flex;flex-direction:column;justify-content:center}.small-circle{background-color:var(--color-secondary);height:90px;width:90px;border-radius:50%;display:grid;grid-template-columns:50% 50%;grid-template-rows:50% 50%;color:var(--color-text);font-size:8px}.small-circle,.small-circle p{padding:5px;box-sizing:border-box}.small-circle p{width:100%;height:100%;margin:0}.small-circle-a{border-right:.2px solid var(--color-border);justify-content:right}.small-circle-a,.small-circle-b{display:flex;align-items:flex-end}.small-circle-b{justify-content:left}.small-circle-c{text-align:right;border-right:.2px solid var(--color-border)}.small-circle-c,.small-circle-d{border-top:.2px solid var(--color-border)}.small-circle-d{text-align:left}.shape-rectangle2{z-index:1;position:absolute;background-color:var(--color-ternary);height:120px;width:150px;border-radius:6px;box-shadow:0 0 20px 10px rgba(0,0,0,.3);margin-left:110px;margin-top:-260px;box-sizing:border-box;padding:5px}.shape-rectangle2 p{font-size:8px;text-align:left;margin:0;padding:.8em 0;border-bottom:1px solid var(--color-text-secondary)}.study-num{color:var(--color-text-secondary);font-size:6px;margin:0 2px}.shape-rectangle3{z-index:1;position:absolute;background-color:var(--color-secondary);height:140px;width:230px;border-radius:12px;box-shadow:0 0 20px 10px rgba(0,0,0,.3);margin-left:90px;margin-top:-120px}.small-image{box-sizing:border-box;border-radius:10px;color:var(--color-text);text-align:left;border:1.5px solid var(--color-border)}.small-image h1 span:hover .tooltip{visibility:visible}.minibutton{height:8px;width:26px;border-radius:1px;padding:0;font-size:4px}.small-image h1 span{position:relative;border-bottom:1px dotted var(--color-text-secondary)}.shape-line1{transform:rotate(-45deg);width:100px;margin-top:-185px;margin-left:40px}.shape-line1,.shape-line2{position:absolute;border-bottom:1px dotted var(--color-text-secondary)}.shape-line2{width:35px;margin-top:-70px;margin-left:55px}.shape-line3{position:absolute;border-right:1px dotted var(--color-text-secondary);height:25px;margin-top:-140px;margin-left:185px}.animated-circle{background-color:var(--color-circles);height:10px;width:10px;border-radius:50%;position:absolute;animation-name:lightup;animation-duration:4s;animation-iteration-count:infinite;z-index:2}.circle1{margin-top:-182px;margin-left:77px}.circle2{margin-top:-75px;margin-left:68px;animation-delay:1.33s}.circle3{margin-top:-135px;margin-left:180px;animation-delay:2.67s}@keyframes lightup{0%{background-color:var(--color-highlight)}32%{background-color:var(--color-highlight)}33%{background-color:var(--color-circles)}}@media screen and (max-width:950px){.main-shapes{margin:0 auto 20px}.shape-rectangle1{margin:60px 0 0}}