@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Nunito,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{width:1100px}.main-div{display:flex;gap:30px;justify-content:space-between}@media(max-width:900px){.main-div{flex-wrap:wrap}}.total{border:2px solid #e9ecef;display:flex;height:100px;justify-content:space-between;margin-top:25px;padding:35px 13px;width:383px}.value{color:#fd377e}.value,.value-text{font-size:20px;font-weight:900}@media(max-width:900px){.total{margin:0 auto}}.main-form{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;display:flex;flex-direction:column;height:351px;margin-top:45px;width:383px}.main-form label{font-size:16px;margin-bottom:15px;margin-left:32px;margin-top:30px}.desc-input{align-self:center;background-color:#f8f9fa;border:2px solid #f8f9fa;color:#868e96;height:40px;margin-bottom:25px;padding-left:7px;width:85%}.div-value{display:flex}.div-value div label{font-size:16px}.type-input,.value-input{background-color:#f8f9fa;border:2px solid #f8f9fa;color:#868e96;height:48px;margin-bottom:25px;margin-left:27px;margin-top:15px;padding-left:7px;width:126px}.type-input{cursor:pointer}.type-input option{background-color:#f8f9fa;color:#868e96}.send-value{align-self:center;background-color:#fd377e;border:2px solid #fd377e;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;height:48px;margin-top:35px;text-align:center;transition:.5s ease-in;width:90%}.send-value:hover{background-color:#fc508f;color:#fff}@media(max-width:1200px){.main-form,.main-form-div{width:80%}}@media(max-width:900px){.main-form-div{margin:0 auto}.main-form{margin:50px auto 0}}header{box-shadow:1px 15px 35px -6px rgba(0,0,0,.17);height:100px;width:100%}.container{margin:0 auto;width:60%}.header{display:flex;justify-content:space-between;padding-top:25px}.header h1{font-weight:900}.header span{color:#fd377e}.header button{background-color:#e9ecef;border:2px solid #e9ecef;border-radius:8px;color:#343a40;cursor:pointer;font-size:18px;height:45px;transition:.5s ease-in;width:112px}.header button:hover{background-color:#e9ecef33;color:#343a40}@media(max-width:1300px){header{min-width:1300px}}@media(max-width:900px){header{min-width:900px}.container{margin:0 auto;min-width:600px}.header{display:flex;justify-content:space-evenly}}.main{background-color:#212529;display:flex;flex-wrap:wrap;gap:155px;height:100vh;justify-content:center;padding-left:50px;padding-top:110px}.main-info{color:#fff}.main-info h1{font-weight:700;margin-bottom:25px;margin-top:130px}.main-info h1 span{color:#fd377e}.main-info h2{font-size:38px;font-weight:700;margin-bottom:25px;width:330px}.main-info p{font-size:18px;font-weight:400;margin-bottom:25px}.main-info button{background-color:#fd377e;border:2px solid #fd377e;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;height:48px;text-align:center;transition:.5s ease-in;width:241px}.main-info button:hover{background-color:#fc508f;color:#fff}@media(max-width:1150px){.main{margin:0 auto}.main div img{display:none}.main-info{color:#fff;width:70%}.main-info button,.main-info h1,.main-info h2,.main-info p{width:70%}}.main-btn-div{display:flex;justify-content:space-between;margin-top:45px;width:630px}.main-btn-div h2{font-size:22px;font-weight:900}.main-btn-div .btn-all{background-color:#fd377e;border:2px solid #fd377e;color:#fff;transition:.5s ease-in}.main-btn-div .btn-all:hover{background-color:#fc508f;color:#fff}.main-btn-div button{background-color:#e9ecef;border:2px solid #e9ecef;border-radius:8px;color:#343a40;cursor:pointer;font-size:18px;height:40px;margin-bottom:13px;margin-right:13px;transition:.5s ease-in;width:102px}.main-btn-div button:hover{background-color:#e9ecef33;color:#343a40}.list-title{font-weight:900;margin-bottom:20px;margin-top:35px}.list{list-style:none;width:100%}.list li{margin-bottom:20px;width:100%}.loading-base{background-color:#f8f9fa;border-left:8px solid #e9ecef;border-radius:4px;height:110px;padding:12px;width:100%}.loading-top{background-color:#e9ecef;height:30px;margin-bottom:15px;width:70%}.loading-bottom{background-color:#e9ecef;height:25px;width:40%}.skeleton-loading{-webkit-animation:loading 1s linear infinite alternate;animation:loading 1s linear infinite alternate}@-webkit-keyframes loading{0%{background-color:#a3b8c2}to{background-color:#f0f3f5}}@keyframes loading{0%{background-color:#a3b8c2}to{background-color:#f0f3f5}}.main-div-list{padding-right:55px}@media(max-width:1200px){.main-div-list{margin-right:105px;width:80%}.main-btn-div{gap:0;justify-content:space-evenly}}@media(max-width:900px){.list-title,.main-btn-div h2{padding-left:40px}.list{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.loading-base{min-width:60%}.main-btn-div button{width:102px}}.card{background-color:#f8f9fa;border-bottom-left-radius:4px;border-left:7px solid #03b898;border-top-left-radius:4px;display:flex;justify-content:space-between;padding:20px;transition:.3s ease;width:100%}.card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.card-out{border-left:7px solid #e9ecef}.card h2{font-weight:900;margin-bottom:10px;width:80%}.delete-btn{background-color:#e9ecef;border:1px solid #e9ecef;cursor:pointer;height:30px;text-align:center;width:30px}.delete-btn img{height:14px;width:14px}@media(max-width:900px){.card{height:60%;min-width:60%}}
/*# sourceMappingURL=main.569a9e97.css.map*/