*{margin:0}body{background-color:#f4f4f4;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:Arial,Helvetica,sans-serif}a{text-decoration:none}.App{background-color:#e6e6e6}.outerContainer{margin:0 auto 1%;border-radius:8px;display:flex;flex-direction:column;max-height:98vh}.but{padding:3%!important;display:flex;align-items:center;flex:0.25 1;justify-content:center}.popup{position:absolute;top:0;left:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:100vmax;width:100%;z-index:50}.removeOutline{outline:none;border:none}hr{background-color:#d3d3d3;margin:1.5% 0;border:none}.hidden{width:0;height:0}.inpdate::-webkit-inner-spin-button,.inpdate::-webkit-outer-spin-button{display:none}.balance{display:flex;justify-content:space-between;align-items:center}.spacer{height:.5em}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.noStyle{width:inherit;height:inherit;padding:0;margin:0}.cd{border-radius:5px;box-shadow:0 0 10px #d3d3d3,0 0 5px grey}.styleMe{width:100px;height:100px;position:absolute;border-bottom-left-radius:100px;border-top-right-radius:8px;background-color:#2196f3;top:0;right:0}.styleMe:after{background-color:#64b5f6;width:100px;height:50px;border-top-right-radius:5px;right:60%;box-shadow:0 4px 10px #3f51b5,0 2px 5px #90caf9}.styleMe:after,.styleMe:before{content:"";position:absolute;border-bottom-left-radius:100px;border-bottom-right-radius:100px;top:0}.styleMe:before{background-color:#2196f3;width:60px;height:30px;z-index:0;right:130%}.scroll{overflow-y:scroll;margin:0 auto}.scroll::-webkit-scrollbar{display:none;width:.1rem}.shadow{box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.colored{background-color:#dcdcdc!important}.unColored{background-color:#e6e6e6!important}.dropDetail{border-bottom:1px solid #d3d3d3}.accounts{border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:90%;padding:0 1%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:30vh;overflow-y:scroll;box-shadow:2px 2px 8px rgba(0,0,0,.8);position:relative;background-color:hsla(0,0%,100%,.765)!important}.fallingIcns{position:absolute;z-index:4;-webkit-animation:fall 5s ease-in infinite;animation:fall 5s ease-in infinite;opacity:1}@-webkit-keyframes fall{to{top:100%;opacity:0}}@keyframes fall{to{top:100%;opacity:0}}.headingContainer{padding-top:15%;padding-bottom:10%;background-color:#14213d;text-align:center;box-shadow:0 0 30px rgba(13,72,161,.8941176470588236)}.heading{text-shadow:2px 2px 3px rgba(0,0,0,.5);color:#fff;text-shadow:0 0 px #fff;font-weight:400;margin:10% 5%;-webkit-animation:appear 2s ease-in-out forwards;animation:appear 2s ease-in-out forwards}@-webkit-keyframes moveUP{0%{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}to{opacity:1;-webkit-transform:translateY(-20%);transform:translateY(-20%)}}@keyframes moveUP{0%{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}to{opacity:1;-webkit-transform:translateY(-20%);transform:translateY(-20%)}}.heading:nth-of-type(2n){font-weight:400;color:#e0e0e0}.features{top:0;width:100%;padding:2% 2% 20%;opacity:0;background-color:#fff;z-index:-1}.features,.up{position:absolute}.up{opacity:1;-webkit-transform:translate(-100%);transform:translate(-100%)}.cards{box-shadow:0 0 5px rgba(0,0,0,.6)!important;margin-bottom:5%}.floating{-webkit-animation:float 1s ease-in-out 2s infinite alternate;animation:float 1s ease-in-out 2s infinite alternate}@-webkit-keyframes float{0%{-webkit-transform:translateY(2.5%);transform:translateY(2.5%)}to{-webkit-transform:translateY(-2.5%);transform:translateY(-2.5%)}}@keyframes float{0%{-webkit-transform:translateY(2.5%);transform:translateY(2.5%)}to{-webkit-transform:translateY(-2.5%);transform:translateY(-2.5%)}}.contBlock{max-width:90%;margin:3% auto;padding:0 5%;justify-content:flex-start;border-radius:5px}.block,.contBlock{flex-direction:column;align-items:center;flex-wrap:wrap;display:flex}.block{padding:2%;height:100px;width:100px;position:relative;background-color:hsla(0,0%,100%,.734)!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:space-evenly;border-radius:10px!important;box-shadow:0 0 5px rgba(0,0,0,.6);margin:2%!important}.extBlock{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;max-height:40vh;overflow-y:scroll}.accName{word-wrap:break-word}.deleteAccBtn{position:absolute!important;top:-5%;right:-5%;padding:3%;height:30px;width:30px;margin:0;box-shadow:0 0 8px rgba(0,0,0,.6);background-color:azure;border-radius:20px}.featureBox{box-shadow:0 0 0 1px #fff,0 0 0 3px #000,0 0 0 5px #fff,0 0 8px 5px hsla(0,0%,100%,.583);border-radius:8px;padding:3%;text-align:center;transition:-webkit-transform .5s cubic-bezier(.075,.82,.165,1);transition:transform .5s cubic-bezier(.075,.82,.165,1);transition:transform .5s cubic-bezier(.075,.82,.165,1),-webkit-transform .5s cubic-bezier(.075,.82,.165,1);color:hsla(0,0%,100%,.79);-webkit-animation:appear 2s ease-in-out;animation:appear 2s ease-in-out}@-webkit-keyframes appear{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes appear{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.featureBox:hover{z-index:99;-webkit-transform:scale(1.1) rotate(10deg)!important;transform:scale(1.1) rotate(10deg)!important;background-color:#14213d;box-shadow:0 0 0 1px #fff,0 0 0 3px #000,0 0 0 5px #fff,0 0 15px #fff}.topBar{position:fixed;top:0;z-index:1000;left:0;display:flex;align-items:center;justify-content:right;padding-top:.5%;padding-bottom:.5%;box-shadow:0 0 5px #000,0 0 10px #fff;background-color:#f1f1f1;width:100%}.howToUseContainer{padding-top:10%;padding-bottom:5%;text-align:center}.accLink{text-decoration:none;display:flex;align-items:center;color:#000}.howToBlock{padding:3%;max-width:400px}.accountsContainer{display:flex;flex-direction:column;margin:5% auto}.accountBlock,.accountsContainer{justify-content:center;align-items:center}.accountBlock{text-align:center;-webkit-animation:appear 2s ease-in-out;animation:appear 2s ease-in-out}
/*# sourceMappingURL=main.9b8fd886.chunk.css.map */