a{color:#00ff41} header{flex-wrap:wrap} #monthForm{flex-wrap:wrap} .transactions{min-width:620px} .right{overflow-x:auto} .charts{flex-wrap:wrap} footer{clear:both;padding-top:20px} .container>div[style*="display: flex"]{flex-wrap:wrap} input[type=password]{width:100%;padding:10px;background:#0a0e27;color:#00ff41;border:1px solid #00ff41} .login-page .container{max-width:600px} .login-page .left{float:none;width:100%} @media(max-width:900px){body{padding:8px}.container{padding:12px}.left{float:none;width:100%;margin:0 0 15px}.right{width:100%}header h1{font-size:1.35rem}.summary{flex-wrap:wrap} .summary .card{min-width:140px}.charts>div{max-width:100%;width:100%!important}.charts canvas{max-width:100%;height:auto!important}form#monthForm{margin-left:0}}