.login-form-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100vh;width:90%;max-width:1110px;margin:auto}@media screen and (min-width:992px){.login-form-container{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}}.login-website-logo-mobile-image{width:165px;margin-top:50px;margin-bottom:35px}@media screen and (min-width:992px){.login-website-logo-mobile-image{display:none}}.login-image{width:278px}@media screen and (min-width:992px){.login-image{width:60%;max-width:524px;-ms-flex-negative:1;flex-shrink:1;margin-right:20px}}.login-website-logo-desktop-image{width:185px}@media screen and (max-width:991px){.login-website-logo-desktop-image{display:none}}.form-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:20px;border-radius:8px;width:100%;max-width:350px;background-color:#5a5a5a;margin-top:20px}@media screen and (min-width:992px){.form-container{width:350px;-ms-flex-negative:0;flex-shrink:0;-webkit-box-shadow:0 8px 40px rgba(7,7,7,.08);box-shadow:0 8px 40px rgba(7,7,7,.08);padding:64px 48px;background-color:#5a5a5a;margin-top:0}}.input-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-top:20px;width:100%}.input-label{margin-bottom:0;font-family:"Roboto";font-weight:700;font-size:12px;line-height:16px;color:#fff}.password-input-field,.username-input-field{font-size:14px;height:40px;border:1px solid #d7dfe9;background-color:#e2e8f0;color:#64748b;border-radius:2px;margin-top:5px;padding:8px 16px;outline:none}.login-button{font-family:"Roboto";font-weight:700;font-size:14px;color:#000;height:40px;width:100%;margin-top:20px;margin-bottom:2px;background-color:#d3d3d3;border-radius:8px;border:none;outline:none;cursor:pointer}.error-message{-ms-flex-item-align:start;align-self:start;margin-top:3px;margin-bottom:0;font-family:"Roboto";font-size:12px;line-height:16px;color:#ff0b37}.password{font-size:12px}.password-container{margin-top:10px;background-color:#87ceeb;opacity:1%;border-radius:5px;width:100%;text-align:center}.item-list-container{width:100%;height:50px;background-color:#5a5a5a;list-style:none;border-radius:10px;display:-ms-flexbox;margin-bottom:20px;display:flex;-ms-flex-pack:center;justify-content:center}.description{color:#fff}.description1{display:block;color:#fff}.item-container{display:-ms-flexbox;display:flex;width:80%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding-left:20px;padding-right:20px;font-size:15px;border:solid;border-radius:10px;border-width:10px;border-color:#d3d3d3;border-right:none;border-top:none;border-bottom:none}li div.button{background-color:transparent}.delete-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:20%;background-color:#d3d3d3;color:#fff;font-size:15px;border-top-right-radius:10px;border-bottom-right-radius:10px}.delete-container:hover{background-color:#fff}.button{border:none;font-size:15px;background-color:transparent}@media (max-width:500px){.item-list-container{height:50px}.item-container{-ms-flex-direction:column;flex-direction:column;width:70%;padding:0}.delete-container{width:30%}.description1{display:none}}.navbar{background-color:#5a5a5a;height:80px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:5px 10px;-ms-flex-align:center;align-items:center}.navbar-logo{font-size:30px;font-weight:700;color:#fff;font-family:Roboto}.nav-link{font-size:20px;color:#fff}.logout{background-color:#d3d3d3;width:100px}.nav-link-1{text-decoration:none}.bg-container{background-color:#000;width:100%;height:90vh;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.main-container{background-color:#5a5a5a;padding:20px;border-radius:15px;margin-bottom:20px}.head-button-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.saveHistory{width:60px;height:40px;margin-left:20px}button{margin:5px;width:50px;height:50px;background-color:#d3d3d3;border:none;border-radius:10px;color:#000;font-family:Roboto;font-size:20px;text-align:center;cursor:pointer}button:hover{background-color:#fff}form .input-display{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}form .input-display input{text-align:right;-ms-flex:1 1;flex:1 1;background:transparent;border-style:solid;border-color:#d3d3d3;height:60px;color:#fff;font-size:30px;width:130px;margin:5px;border-radius:10px;padding:5px}form .input-display input:focus{border-color:#ff9a8d;outline:none}button.equal{width:110px}.main-head{font-family:Roboto;font-size:30px;text-align:center;color:#fff}.calculator-history-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:-80px}.historyListContainer{border-style:solid;border-color:#74797f;width:800px;height:410px;border-radius:15px;overflow:auto;margin-bottom:20px}.historyListContainer ul{width:90%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}@media (max-width:720px){.calculator-history-container{-ms-flex-direction:column;flex-direction:column;margin-top:50px}.historyListContainer{width:280px}.bg-container{height:100%}}@media (min-width:720px){.bg-container{height:100vh}.historyListContainer{margin-left:50px}}.notfound{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.image{width:500px}.notfoundButton{width:200px}.notfoundButton:hover{background-color:grey}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;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}
/*# sourceMappingURL=main.a5e5d5b5.chunk.css.map */