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}a,abbr,acronym,address,applet,b,big,blockquote,body,button,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,tt,u,ul,var{background:transparent;border:0;box-sizing:border-box;font-size:100%;margin:0;outline:0;padding:0;vertical-align:initial}.algoDropDown_container{margin-top:45px;position:relative;width:185px}.algoDropDown_container .algoDropDown_button,.algoDropDown_container .algoDropDown_options,.algoDropDown_container .algoDropDown_options button{align-items:center;display:flex;justify-content:center;min-height:29px;padding:0 10px 0 19px;width:185px}.algoDropDown_container .algoDropDown_button{justify-content:space-between}.algoDropDown_container .algoDropDown_button p{font-size:14px}.algoDropDown_container .algoDropDown_options{border-radius:5px;box-shadow:0 0 6px 0 #fff;display:none;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:5px;padding:0}.algoDropDown_container .algoDropDown_options .options{list-style-type:none;margin:5px;text-align:center}.algoDropDown_container .algoDropDown_options .options li{align-items:center;display:flex;flex-direction:column}.algoDropDown_container .algoDropDown_options .options li button{color:#2e9cdb;cursor:pointer;-webkit-filter:drop-shadow(0 0 1px hsla(0,0%,100%,.5));filter:drop-shadow(0 0 1px rgba(255,255,255,.5));font-family:Open Sans;font-size:14px;font-style:italic;font-weight:400;letter-spacing:.1em;padding:5px 0;text-shadow:0 0 2px #0c438d}.algoDropDown_container .algoDropDown_options .options li button:active{-webkit-filter:drop-shadow(0 0 6px hsla(0,0%,100%,0));filter:drop-shadow(0 0 6px rgba(255,255,255,0))}@media(hover:hover)and (pointer:fine){.algoDropDown_container .algoDropDown_options .options li button:hover{-webkit-filter:drop-shadow(0 0 4px hsla(0,0%,100%,.7));filter:drop-shadow(0 0 4px rgba(255,255,255,.7))}}.algoDropDown_container .algoDropDown_options .options li hr{background:#2e9cdb;border:none;box-shadow:0 0 4px hsla(0,0%,100%,.25);height:.5px;margin:0;width:120px}.Sidebar,.algoDropDown_container_interaction#options{display:flex}.Sidebar{justify-content:center;min-width:246px;width:20.5vw}.Sidebar .visibility_button{align-items:center;background:#0c438d;border-radius:25px;box-shadow:0 0 4px rgba(0,0,0,.5);display:none;height:50px;justify-content:center;width:49px}.Sidebar .sidebar_container{background-color:rgba(23,30,96,.98);height:100%;width:100%}.Sidebar .sidebar_container .sidebar_main{align-items:center;display:flex;flex-direction:column;margin-top:56px}.Sidebar .sidebar_container .sidebar_main .newArray{font-size:14px;height:29px;width:114px}.Sidebar .sidebar_container .sidebar_main .slider_size,.Sidebar .sidebar_container .sidebar_main .slider_speed{margin-top:45px;text-align:center}.Sidebar .sidebar_container .sidebar_main .slider_size p,.Sidebar .sidebar_container .sidebar_main .slider_speed p{color:#2d9cdb;font-family:Open Sans;font-size:14px;font-style:italic;font-weight:400;letter-spacing:.1em;line-height:19px;margin-bottom:10px;text-shadow:0 0 1px #fff}.Sidebar .sidebar_container .sidebar_main .slider_size input,.Sidebar .sidebar_container .sidebar_main .slider_speed input{height:16px}@media screen and (max-width:910px){.Sidebar{height:inherit;overflow:hidden;position:absolute;right:0;z-index:2}.Sidebar .visibility_button{bottom:5vh;display:flex;position:fixed;right:10vw;z-index:3}.Sidebar .visibility_button:active{box-shadow:0 0 4px 2px hsla(0,0%,100%,.5)}.Sidebar .sidebar_container{background-color:rgba(23,30,96,.8);opacity:0;-webkit-transform:translateX(246px);transform:translateX(246px);transition:all .3s;z-index:2}.Sidebar .sidebar_container_action{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.MainHeader{align-items:center;background-color:#171e60;display:flex;height:80px;width:100vw}.MainHeader .app_name{margin-left:50px;min-width:315px}.MainHeader .app_name a{text-decoration:none}.MainHeader .app_name h1{color:#2d9cdb;-webkit-filter:drop-shadow(0 0 1px hsla(0,0%,100%,.3));filter:drop-shadow(0 0 1px rgba(255,255,255,.3));font-family:Lora;font-size:21px;font-style:normal;font-weight:500;letter-spacing:.05em;line-height:27px;text-shadow:0 0 1px #fff}.MainHeader .divider{height:2px;min-width:589px;width:calc(79.5vw - 365px)}.MainHeader .start_container{display:flex;justify-content:center;min-width:246px;width:20.5vw}.MainHeader .start_container button{height:29px;width:68px}.MainHeader .start_container button p{font-size:14px;line-height:19px;text-shadow:0 0 5px rgba(0,0,0,.25)}@media screen and (max-width:1200px){.MainHeader{justify-content:space-between}.MainHeader .divider{display:none}.MainHeader .start_container{width:246px}}@media screen and (max-width:910px){.MainHeader .start_container{min-width:102px;width:27.2vw}}@media screen and (max-width:600px){.MainHeader .app_name{margin-left:20px;min-width:221px}.MainHeader .app_name h1{font-size:15px}.MainHeader .start_container button{height:25px;width:60px}.MainHeader .start_container button p{font-size:13px}}.Grid{background-color:#394788;width:79.5vw}.Grid,.Grid .grid_container{display:flex;height:100%;justify-content:center}.Grid .grid_container{align-items:center;margin:0 17px;position:relative;width:920px}.Grid .grid_container .ruler{background-color:#1c62a3;height:1px;position:absolute;width:100%}.Grid .grid_container .arrayBars{align-items:center;display:flex;justify-content:center;z-index:2}.Grid .grid_container .arrayBars .bar{align-items:center;border-radius:10%;display:flex;justify-content:center}.Grid .grid_container .arrayBars .bar p{color:#33b1fa}@media screen and (max-width:1200px){.Grid{width:calc(100vw - 246px)}.Grid .grid_container{width:100%}}@media screen and (max-width:910px){.Grid{min-width:100vw}}.App{height:100vh;-webkit-user-select:none;user-select:none}.App .Main{display:flex;height:calc(100vh - 80px);overflow:hidden;width:100vw}.button-style{border:1px solid #0c438d;border-radius:5px;cursor:pointer}.button-style p{color:#2e9cdb;font-family:Open Sans;font-style:italic;font-weight:400;letter-spacing:.1em}.button-action{box-shadow:0 0 4px 0 #fff;-webkit-filter:drop-shadow(0 0 1px hsla(0,0%,100%,.5));filter:drop-shadow(0 0 1px rgba(255,255,255,.5))}.button-action:active{box-shadow:0 0 6px 0 #fff;-webkit-filter:drop-shadow(0 0 1px hsla(0,0%,100%,.8));filter:drop-shadow(0 0 1px rgba(255,255,255,.8))}@media(hover:hover)and (pointer:fine){.button-action:hover{box-shadow:0 0 8px 0 #fff}}
/*# sourceMappingURL=main.b5601ef4.css.map*/