body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{height:10vh;position:relative;width:10vw}.lineOV{background-color:green;height:100%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:2%}.ringh1{margin-left:2%}.long-arrow-left{border-left:5px solid orange;border-top:5px solid orange;height:25px;left:45%;margin:auto;position:absolute;top:35%;-webkit-transform:rotate(-45deg) translate(-30%,-40%);transform:rotate(-45deg) translate(-30%,-40%);width:25px}.long-arrow-left:after{background-color:orange;content:"";height:200%;margin:auto;position:absolute;-webkit-transform:rotate(-45deg) translate(220%,-10%);transform:rotate(-45deg) translate(220%,-10%);width:15%}.long-arrow-up{border-left:2px solid green;border-top:2px solid green;height:25px;left:45%;margin:auto;position:absolute;top:25%;-webkit-transform:rotate(45deg) translate(-80%,-50%);transform:rotate(45deg) translate(-80%,-50%);width:25px}.long-arrow-up:after{background-color:green;content:"";height:380%;margin:auto;position:absolute;-webkit-transform:rotate(-45deg) translate(920%,3%);transform:rotate(-45deg) translate(920%,3%);width:10%}.lineR{background-color:orange;height:4%;width:50%}.lineR,.lineRInv{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.lineRInv{background-color:red;border-radius:100%;height:10px;visibility:hidden;width:10px}.circle{border:5px solid #000;border-radius:50%}.circle,.circleB{height:10px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:10px}.circleB{background-color:skyblue;border-radius:100%}.circleR11,.circleR12,.circleR13,.circleR14,.circleR21,.circleR22,.circleR23,.circleR24,.circleR31,.circleR32,.circleR33,.circleR34,.circleR41,.circleR42,.circleR43,.circleR44{border:5px solid red;border-radius:50%;height:10px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:10px}.circleBInv{background-color:skyblue;border-radius:100%;height:10px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);visibility:hidden;width:10px}.globalContainer{grid-row-gap:10px;grid-column-gap:10px;grid-template-columns:5px 60px;grid-template-rows:10px 200px 90%}.globalActiveContainer,.globalContainer{display:grid;margin:auto;min-height:auto}.globalActiveContainer{grid-template-columns:90% 80%}.textShower{margin-left:4%}.text{border:1px solid #000;text-align:center}.globalContainerApp{grid-template-columns:90% 60%;grid-template-rows:10px 200px 90%}.globalContainerApp,.globalglobalContainerApp{grid-row-gap:10px;grid-column-gap:10px;display:grid;margin:auto;min-height:auto}.globalglobalContainerApp{grid-template-columns:50px;grid-template-rows:10% 60% 60%}.buttonContainer{display:grid;grid-template-columns:30% 30%;margin-bottom:20px}.active{min-width:200%}.App,.active{display:grid;position:relative}.App{margin-top:20px}.App,.XAxis{font-family:sans-serif;grid-template-columns:60px 60px 60px 60px}.XAxis{display:grid;margin-bottom:20px;margin-left:45px;position:absolute;position:relative;text-align:center}.YAxis{grid-template-columns:6px;grid-template-rows:50px 50px 50px 50px;margin-top:25px;min-height:auto}.YAxis,.placeholder{display:grid}.button{margin-left:70px;margin-top:100px}.button,.buttonA{background-color:red;border-radius:8px;color:#fff;font-size:20px}.buttonA{clear:both;display:grid;float:right;position:relative}@media (min-width:340px){.globalContainerApp{grid-template-columns:90%;grid-template-rows:50% 20px 20%}.globalContainerApp,.globalglobalContainerApp{grid-row-gap:10px;grid-column-gap:10px;display:grid;margin:auto;min-height:auto}.globalglobalContainerApp{grid-template-columns:30%;grid-template-rows:10% 28% 60%}.lineH{height:3%;top:50%;-webkit-transform:translate(-10%,-50%);transform:translate(-10%,-50%);width:610%}.lineH,.lineV{background-color:gray;left:50%;position:absolute}.lineV{height:350%;top:30%;-webkit-transform:translate(-50%);transform:translate(-50%);width:5%}.activeContainer{display:grid;grid-template-columns:50% 50%;margin-top:10px;width:200%}.buttonContainer{grid-column-gap:10px;align-items:start;display:grid;grid-template-columns:100% 30%;margin-bottom:20px;margin-left:20%}.button{background-color:red;border-radius:8px;color:#fff;font-size:20px;margin-left:10px;margin-top:10px;width:110px}.lineOV{width:7%}.lineOV,.lineOVT{background-color:green;height:190%;left:50%;position:absolute;top:1%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.lineOVT{width:12%}.lineR{height:3%}.lineR,.lineRT{background-color:orange;left:0;max-width:500px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:170%}.lineRT{height:5%}.App{display:grid;font-family:sans-serif;grid-template-columns:repeat(4,1fr);margin-left:50px;margin-top:20px;position:relative;text-align:center}.globalContainer{grid-row-gap:10px;grid-column-gap:10px;display:grid;grid-template-columns:5% 106%;grid-template-rows:5% 1fr 50%;height:90vh;margin:auto}.YAxis{display:grid;grid-template-columns:6px;grid-template-rows:repeat(4,1fr);margin-left:20px;margin-top:5vh}.XAxis{grid-column-gap:40px;bottom:0;display:grid;font-family:sans-serif;grid-template-columns:repeat(4,1fr);left:20px;margin-bottom:20px;position:relative;text-align:center;width:50%}.long-arrow-up{border-left:3px solid green;border-top:3px solid green;height:15px;left:50%;margin:auto;position:absolute;top:29%;-webkit-transform:rotate(45deg) translate(-84%,-10%);transform:rotate(45deg) translate(-84%,-10%);width:15px}.long-arrow-up:after{background-color:green;content:"";margin:auto;position:absolute;visibility:hidden;width:10%}.long-arrow-upt{border-left:7px solid green;border-top:7px solid green;height:15px;left:50%;margin:auto;position:absolute;top:29%;-webkit-transform:rotate(45deg) translate(-84%,-10%);transform:rotate(45deg) translate(-84%,-10%);width:15px}.long-arrow-upt:after{background-color:green;content:"";margin:auto;position:absolute;width:10%}.long-arrow-left{border-left:3px solid orange;border-top:3px solid orange;height:15px;left:20%;position:absolute;top:48%;-webkit-transform:rotate(-45deg) translate(-2%,-60%);transform:rotate(-45deg) translate(-2%,-60%);width:15px}.long-arrow-left:after{background-color:orange;content:"";left:16px;margin:auto;position:absolute;top:-1px;visibility:hidden}.long-arrow-leftt{border-left:7px solid orange;border-top:7px solid orange;height:15px;left:20%;position:absolute;top:48%;-webkit-transform:rotate(-45deg) translate(-2%,-60%);transform:rotate(-45deg) translate(-2%,-60%);width:15px}.long-arrow-leftt:after{background-color:orange;content:"";left:16px;margin:auto;position:absolute;top:-1px;visibility:hidden}@-moz-document url-prefix(){.globalContainer{height:50vh!important}.globalActiveContainer{margin-top:10%}.activeContainer{margin-left:20%}.globalContainerApp{grid-template-rows:10% 10% 10%}}}@media (min-width:437px){.lineR{height:3%}.lineR,.lineRT{background-color:orange;left:0;max-width:500px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:130%}.lineRT{height:9%}.lineH{background-color:gray;height:3%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-10%,-50%);transform:translate(-10%,-50%);width:519%}}@media (min-width:480px){.lineH{background-color:gray;height:3%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-10%,-50%);transform:translate(-10%,-50%);width:45vw}.XAxis{bottom:0;display:grid;font-family:sans-serif;grid-template-columns:repeat(4,1fr);left:25px;margin-bottom:20px;position:relative;text-align:center;width:70%}.lineR{height:3%}.lineR,.lineRT{background-color:orange;left:0;max-width:500px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:130%}.lineRT{height:9%}}@media (min-width:992px){@-moz-document url-prefix(){.globalContainer{height:50vh}.globalActiveContainer{margin-top:80%}.activeContainer{grid-column-gap:10%;display:grid;grid-template-columns:30% 30%;grid-template-rows:20%;margin-left:20%;margin-top:0}.globalContainerApp{grid-template-rows:10% 0 0!important}}.App{display:grid;font-family:sans-serif;grid-template-columns:repeat(4,1fr);margin-left:50px;margin-top:20px;position:relative;text-align:center}.lineR,.lineRT{background-color:orange;height:3%;left:0;max-width:500px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:130%}.lineOV{width:2%}.lineOV,.lineOVT{background-color:green;height:170%;left:50%;position:absolute;top:2%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.lineOVT{width:4%}.lineH{height:2%;left:70%;top:50%;-webkit-transform:translate(-10%,-50%);transform:translate(-10%,-50%);width:351%}.lineH,.lineV{background-color:gray;position:absolute}.lineV{height:340%;left:50%;top:30%;-webkit-transform:translate(-50%);transform:translate(-50%);width:1.8%}.activeContainer{grid-column-gap:10%;display:grid;grid-template-columns:30% 30%;grid-template-rows:20%;margin-top:0}.YAxis{grid-row-gap:12%;display:grid;grid-template-columns:6px;grid-template-rows:repeat(4,1fr);margin-left:20px;margin-top:5vh}.XAxis{grid-column-gap:90px;bottom:0;display:grid;font-family:sans-serif;grid-template-columns:repeat(4,1fr);left:50px;margin-bottom:20px;position:relative;text-align:center;width:50%}.long-arrow-left{border-left:2px solid orange;border-top:2px solid orange;height:25px;left:12%;margin:auto;position:absolute;top:50%;-webkit-transform:rotate(-45deg) translate(10%,-60%);transform:rotate(-45deg) translate(10%,-60%);width:25px}.long-arrow-left:after{background-color:orange;content:"";margin:auto;position:absolute;visibility:hidden}.long-arrow-leftt{border-left:4px solid orange;border-top:4px solid orange;height:25px;left:12%;margin:auto;position:absolute;top:50%;-webkit-transform:rotate(-45deg) translate(10%,-60%);transform:rotate(-45deg) translate(10%,-60%);width:25px}.long-arrow-leftt:after{background-color:orange;content:"";margin:auto;position:absolute;visibility:hidden}.long-arrow-up{border-left:2px solid green;border-top:2px solid green;height:25px;left:46%;margin:auto;position:absolute;top:26%;-webkit-transform:rotate(45deg) translate(-59%,-10%);transform:rotate(45deg) translate(-59%,-10%);width:25px}.long-arrow-up:after{background-color:green;content:"";height:380%;margin:auto;position:absolute;-webkit-transform:rotate(-45deg) translate(1300%,5%);transform:rotate(-45deg) translate(1300%,5%);visibility:hidden;width:10%}.long-arrow-upt{border-left:4px solid green;border-top:4px solid green;height:25px;left:46%;margin:auto;position:absolute;top:26%;-webkit-transform:rotate(45deg) translate(-59%,-10%);transform:rotate(45deg) translate(-59%,-10%);width:25px}.long-arrow-upt:after{background-color:green;content:"";height:380%;margin:auto;position:absolute;-webkit-transform:rotate(-45deg) translate(1300%,5%);transform:rotate(-45deg) translate(1300%,5%);visibility:hidden;width:10%}.globalContainer{grid-row-gap:10px;grid-column-gap:10px;display:grid;grid-template-columns:5% 60%;grid-template-rows:5% 1fr 50%;height:90vh;margin:auto}}@media (min-width:1170px){@-moz-document url-prefix(){.globalContainer{height:60vh}.globalActiveContainer{margin-top:10%}.globalglobalContainerApp{grid-row-gap:10px;grid-column-gap:10px;display:grid;grid-template-columns:30%;grid-template-rows:10% 60% 60%;margin:auto;min-height:auto}}.App{display:grid;font-family:sans-serif;grid-template-columns:repeat(4,1fr);margin-left:10px;margin-top:20px;text-align:center}.App,.container{position:relative}.container{height:10vh;width:7vw}.YAxis{grid-row-gap:12%;display:grid;grid-template-columns:6px;grid-template-rows:repeat(4,1fr);margin-left:20px;margin-top:5vh}.XAxis{grid-column-gap:50%;bottom:0;display:grid;font-family:sans-serif;grid-template-columns:repeat(4,1fr);left:10px;margin-bottom:20px;position:relative;text-align:center;width:50%}.globalContainer{grid-row-gap:10px;grid-column-gap:10px;display:grid;grid-template-columns:5% 60%;grid-template-rows:5% 1fr 50%;height:90vh;margin:auto}.lineR{height:3%}.lineR,.lineRT{background-color:orange;left:0;max-width:500px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.lineRT{height:9%}.lineH{height:3%;left:70%;-webkit-transform:translate(-10%,-50%);transform:translate(-10%,-50%);width:340%}.lineH,.lineV{background-color:gray;position:absolute;top:50%}.lineV{height:360%;left:50%;-webkit-transform:translate(-50%,-7%);transform:translate(-50%,-7%);width:1.8%}.lineOV{width:1.8%}.lineOV,.lineOVT{background-color:green;height:190%;left:50%;position:absolute;top:1%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.lineOVT{width:7.8%}.activeContainer{display:grid;grid-template-columns:30% 30%;grid-template-rows:20%;margin-top:20px}.long-arrow-up{border-left:2px solid green;border-top:2px solid green;height:32px;left:50.5%;margin:auto;position:absolute;top:31%;-webkit-transform:rotate(45deg) translate(-84%,-10%);transform:rotate(45deg) translate(-84%,-10%);width:32px}.long-arrow-up:after{background-color:green;content:"";height:380%;margin:auto;position:absolute;-webkit-transform:rotate(-45deg) translate(1300%,5%);transform:rotate(-45deg) translate(1300%,5%);visibility:hidden;width:10%}.long-arrow-upt{border-left:8px solid green;border-top:8px solid green;height:32px;left:50.5%;margin:auto;position:absolute;top:31%;-webkit-transform:rotate(45deg) translate(-84%,-10%);transform:rotate(45deg) translate(-84%,-10%);width:32px}.long-arrow-upt:after{background-color:green;content:"";height:380%;margin:auto;position:absolute;-webkit-transform:rotate(-45deg) translate(1300%,5%);transform:rotate(-45deg) translate(1300%,5%);visibility:hidden;width:10%}.long-arrow-left{border-left:2px solid orange;border-top:2px solid orange;height:26px;left:11%;position:absolute;top:47%;-webkit-transform:rotate(-45deg) translate(-2%,-60%);transform:rotate(-45deg) translate(-2%,-60%);width:26px}.long-arrow-left:after{background-color:rgba(0,0,0,.5);content:"";left:25px;margin:auto;position:absolute;top:4px;visibility:hidden}.long-arrow-leftt{border-left:8px solid orange;border-top:8px solid orange;height:26px;left:11%;position:absolute;top:47%;-webkit-transform:rotate(-45deg) translate(-2%,-60%);transform:rotate(-45deg) translate(-2%,-60%);width:26px}.long-arrow-leftt:after{background-color:rgba(0,0,0,.5);content:"";left:25px;margin:auto;position:absolute;top:4px;visibility:hidden}}@media (min-width:3840px){.App{font-family:sans-serif;grid-template-columns:repeat(4,1fr);margin-top:20px;position:relative;text-align:center}.App,.YAxis{display:grid;margin-left:20px}.YAxis{grid-row-gap:12%;grid-template-columns:6px;grid-template-rows:repeat(4,1fr);margin-top:5vh}.XAxis{grid-column-gap:220px;bottom:0;display:grid;font-family:sans-serif;grid-template-columns:repeat(4,1fr);left:80px;margin-bottom:20px;position:relative;text-align:center;width:10%}.container{height:10vh;position:relative;width:6vw}.globalContainer{grid-row-gap:10px;grid-column-gap:10px;display:grid;grid-template-columns:5% 60%;grid-template-rows:5% 1fr 50%;height:90vh;margin:auto}.lineR{height:3%}.lineR,.lineRT{background-color:orange;left:0;max-width:500px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:110%}.lineRT{height:6%}.lineH{height:3%;left:70%;-webkit-transform:translate(-10%,-50%);transform:translate(-10%,-50%);width:370%}.lineH,.lineV{background-color:gray;position:absolute;top:50%}.lineV{height:360%;left:50%;-webkit-transform:translate(-50%,-7%);transform:translate(-50%,-7%);width:1.8%}.lineOV{width:1.8%}.lineOV,.lineOVT{background-color:green;height:190%;left:50%;position:absolute;top:1%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.lineOVT{width:3.3%}.activeContainer{display:grid;grid-template-columns:30% 30%;grid-template-rows:20%;margin-top:10px}.long-arrow-up{border-left:4px solid green;border-top:4px solid green;height:32px;left:50.5%;margin:auto;position:absolute;top:21%;-webkit-transform:rotate(45deg) translate(-84%,-10%);transform:rotate(45deg) translate(-84%,-10%);width:32px}.long-arrow-up:after{background-color:green;content:"";height:380%;margin:auto;position:absolute;-webkit-transform:rotate(-45deg) translate(1300%,5%);transform:rotate(-45deg) translate(1300%,5%);visibility:hidden;width:10%}.long-arrow-upt{border-left:8px solid green;border-top:8px solid green;height:32px;left:50.5%;margin:auto;position:absolute;top:21%;-webkit-transform:rotate(45deg) translate(-84%,-10%);transform:rotate(45deg) translate(-84%,-10%);width:32px}.long-arrow-upt:after{background-color:green;content:"";height:380%;margin:auto;position:absolute;-webkit-transform:rotate(-45deg) translate(1300%,5%);transform:rotate(-45deg) translate(1300%,5%);visibility:hidden;width:10%}.long-arrow-left{border-left:5px solid orange;border-top:5px solid orange;height:26px;left:7%;position:absolute;top:48%;-webkit-transform:rotate(-45deg) translate(-2%,-60%);transform:rotate(-45deg) translate(-2%,-60%);width:26px}.long-arrow-left:after{background-color:rgba(0,0,0,.5);content:"";left:25px;margin:auto;position:absolute;top:4px;visibility:hidden}.long-arrow-leftt{border-left:8px solid orange;border-top:8px solid orange;height:26px;left:7%;position:absolute;top:48%;-webkit-transform:rotate(-45deg) translate(-2%,-60%);transform:rotate(-45deg) translate(-2%,-60%);width:26px}.long-arrow-leftt:after{background-color:rgba(0,0,0,.5);content:"";left:25px;margin:auto;position:absolute;top:4px;visibility:hidden}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.10c861a6.css.map*/