@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@200;300&display=swap);*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Nunito",sans-serif;background:#fff}.header-wrapper{width:100%}.header-container{padding:0;display:flex;flex-direction:column;align-items:center;margin-top:20px}.header-main{color:#21b6b7;font-size:60px;font-weight:800}.header-sub{color:#b3c5cd;font-weight:600}.input-wrapper{width:320px;margin:15px 15px 30px}.input-header-wrapper{margin-bottom:22px;width:100%;text-align:center}.input-header{font-size:23px;font-weight:700;color:#333}.input-box{height:60px;width:320px;outline:none;padding:8px 12px;border:1px solid transparent;border-radius:4px;font-size:16px;color:#333;transition:.3s ease;background:#eef3f6;box-shadow:0 4px 16px #f3f3f3}.input-box:focus{border:1px solid #21b6b7}.input-box::-webkit-input-placeholder{color:#b3c5cd}.input-box:-ms-input-placeholder{color:#b3c5cd}.input-box::placeholder{color:#b3c5cd}.notes-table-wrapper{width:100%;display:flex;justify-content:center}.notes-table{width:50%;border-collapse:collapse;margin:25px 0;font-size:20px;table-layout:fixed;box-shadow:0 2px 3px rgba(0,0,0,.1)}.notes-table th{background-color:#eef3f6;color:#333;color:#535353;border:1px solid #e1dede}.notes-table td,.notes-table th{text-align:left;font-weight:700;padding:14px 15px}.notes-table td{background:#fff;color:#333;color:#b3c5cd;overflow:hidden;font-size:17px;border-collapse:collapse;border:1px solid #e1dede}@media screen and (max-width:500px){.notes-table{width:95vw}th{font-size:10px}.notes-table td{font-size:12px}}.main-content-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column}.main-input-wrapper{margin-top:30px}.main-btn{display:flex;height:38px;width:90px;outline:none;border:none;padding:10px 12px;background:#21b6b7;justify-content:center;align-items:center;border-radius:4px;color:#fafafa;cursor:pointer;transition:.3s ease}.main-btn.success:hover{background:#199898}.main-btn.disabled{opacity:.5}.main-btn.disabled:hover{-webkit-transform:scale(1);transform:scale(1)}.main-btn p{margin-right:7px}.main-btn svg{height:14px;width:14px;transition:.3s ease}.main-btn.success:hover svg{-webkit-animation:sway 1s infinite;animation:sway 1s infinite}@-webkit-keyframes sway{0%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}50%{-webkit-transform:translateX(3px);transform:translateX(3px)}to{-webkit-transform:translateX(-3px);transform:translateX(-3px)}}@keyframes sway{0%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}50%{-webkit-transform:translateX(3px);transform:translateX(3px)}to{-webkit-transform:translateX(-3px);transform:translateX(-3px)}}.alert-container{height:40px;margin-top:20px}.alert-wrapper{height:40px;width:auto;display:flex;justify-content:center;align-items:center;padding:12px 28px;background:#fee7e7;color:#f76e6e;font-weight:700;border-radius:5px}
/*# sourceMappingURL=main.3de5ff0b.chunk.css.map */