@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);body{margin:0;padding:0;font-family:"Montserrat",sans-serif}.dropdown-wrapper{display:flex;justify-content:space-between;align-items:center}.title{font-size:20px;padding-right:20px;color:#fff}.select-wrapper .dropdown{outline:none;box-shadow:0 5px 25px rgba(0,0,0,.2);border:0;width:150px;height:40px;justify-items:center;font-family:"Montserrat",sans-serif;border-radius:8px;padding-left:10px;font-size:16px;cursor:pointer}.select-wrapper .dropdown:focus{background-color:#fff}.nav{background-color:#4d80ce;padding:20px 10px}.nav-wrapper{display:flex;flex-direction:row;justify-content:space-between;padding:0 100px;align-items:center}.logo{font-size:30px;color:#fff;font-weight:200}.Box-container{margin-bottom:5px;height:499px;background-color:#fff;display:flex;justify-content:center;align-items:center}.thebox{padding-top:10px;height:97%;width:98%;border:.25px solid #bebebe;display:flex;align-items:flex-end;justify-content:space-around;overflow:hidden}.bar{content:" ";width:50px;height:0;transition:all .5s ease}.bar-sorted{background-color:#00ff95}.bar-sorting{background-color:#00aeff}.form-wrapper{padding:10px 200px;background-color:#f1f1f1}.array-input-block{display:flex;justify-content:space-evenly;align-items:center}.array-input{display:flex;justify-content:space-between;align-items:center;padding:0 40px}.container{margin:0 10px;display:flex;justify-content:space-around;padding:10px 0;background-color:#eee}.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;margin:5px;padding:10px;width:490px;border:none;border-radius:8px;box-shadow:0 5px 25px rgba(0,0,0,.2)}.input,.input:focus{background-color:#fff}.num-check{display:flex;align-items:center;justify-content:center;margin-right:390px;margin-top:1px}.message{color:red;font-size:12px;opacity:0}.message.active{opacity:1}.img{height:15px;width:15px}.enter-btn{height:35px;width:35px;border-radius:8px;border:none;outline:0;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.15);display:flex;justify-content:center;align-items:center;transition:all 5s ease;cursor:pointer}.enter-btn:hover{box-shadow:inset 0 0 6px rgba(0,0,0,.15)}.input-wrapper{display:flex;align-items:center}.output-container{display:flex;justify-content:center}.output{font-size:32px;letter-spacing:6px;color:#646464}.lable{font-size:20px;margin:5px}.button{outline:0;border:0;margin:5px;padding:12px 28px;color:#fff;border-radius:50px;transition:all .4s ease}.btn-hover-shadow{box-shadow:0 5px 25px rgba(0,0,0,.1s);cursor:pointer}.btn-hover-shadow:hover{box-shadow:0 2px 10px rgba(0,0,0,.3)}
/*# sourceMappingURL=main.36a939c9.chunk.css.map */