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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f5f5f5}.header-screen{background:#1a237e;color:#fff;justify-content:space-between;left:0;padding:10px 20px;top:0;width:100%;z-index:1}.header-screen p{font-weight:500}.header-screen button{cursor:pointer;margin-left:5px;padding:5px 20px}.banner-screen{color:#000;padding:0 40px;text-shadow:3px 2px 4px #0009;top:100px}.banner-screen .banner-desc{font-weight:600}.banner-screen .image-container img{border-radius:20px}.recharge-screen{background:#1a237e;padding:50px 10px;top:150px;width:100%}.recharge-screen .prices,.recharge-screen .prizes{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);width:90%}.recharge-screen .prizes{margin-bottom:70px}.recharge-screen .price-title{align-self:flex-start;background:#fff;border-radius:15px;color:#000;display:flex;margin:20px;padding:3px 13px}.recharge-screen .price-div p{font-size:13px}.recharge-screen .price-div p:first-child{font-size:17px;font-weight:700}.logout-popup{align-items:center;animation:sadGlow 1.5s ease-in-out infinite alternate;background:#fff;border:2px solid #0000ffb3;border-radius:20px;bottom:100px;box-shadow:0 0 10px #0000ff80;color:#000;display:flex;flex-direction:column;gap:30px;justify-content:center;left:20px;padding:30px;position:fixed;right:20px;top:100px;z-index:2}@keyframes sadGlow{0%{box-shadow:0 0 10px #0000ff80}to{box-shadow:0 0 20px #0000ffe6}}.admin-panel ol{align-items:center;background:#0000ffb3;color:#fff;display:flex;flex-direction:column;padding:20px 10px}.admin-panel ol li{display:flex;gap:10px}.admin-panel button{cursor:pointer}.logout-popup .cancel p{font-size:40px;position:fixed;right:50px;top:120px}.logout-popup div{gap:20px}.logout-popup div button{border:none;border-radius:10px;padding:10px 20px}.logout-popup div button:first-child{background:#3edd16}.logout-popup div button:first-child:hover{background:#4aff1d}.logout-popup div button:nth-child(2){background:#ef1e1eeb}.logout-popup div button:nth-child(2):hover{background:#ff2323}.recharge-screen .price-div img{border-radius:3px;height:38px;width:40px}.recharge-screen .add-price{width:60%}.recharge-screen .order-info{background:#353d99;border-radius:15px;color:#fff;gap:10px;margin:40px 0;padding:20px;width:90%}.recharge-screen .order-info input{border:1px solid #fff;border-radius:10px;padding:8px 10px;width:90%}.recharge-screen .order-info button{background:#e5c76b;border:none;border-radius:10px;cursor:pointer;padding:8px 10px;width:80%}.recharge-screen .payment{background:#353d99;border-radius:15px;gap:10px;padding:20px;width:90%}.recharge-screen .payment p{color:#fff}.recharge-screen .payment button{background:#e5c76b;border:none;border-radius:10px;cursor:pointer;padding:8px 10px;width:80%}.recharge-screen .purchase-btn{background:#353d99;border-radius:15px;color:#fff;gap:10px;margin:40px 0 0;padding:20px;width:90%}.recharge-screen .purchase-btn .total{flex-direction:row;justify-content:space-between;width:60%}.recharge-screen .purchase-btn button{background:#e5c76b;border:none;border-radius:10px;cursor:pointer;padding:8px 10px;width:80%}.info-screen{background:#1a237e;color:#fff;padding:20px 20px 70px;top:100px}.info-screen div{background:#353d99;border-radius:15px;gap:10px;margin:40px 0 0;padding:20px;width:90%}.info-screen div ol{margin:0 0 0 22px;text-align:left}.info-screen div p{text-align:left}.footer-screen{background:#000;color:#fff;padding:50px 50px 130px;top:100px}.footer-screen .links h1,.footer-screen h1{margin:10px 0}.footer-screen p:hover{cursor:pointer;opacity:.7}.footer-screen .footer .links .flex{gap:10px}.footer-screen div svg{cursor:pointer;margin-right:10px}.footer-screen .credits{border-top:1px solid #fff;top:190px}.auth-screen{margin:0 60px;top:340px}.auth-screen .google-btn{align-items:center;background-color:#fff;border:1px solid #dadce0;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#5f6368;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px;justify-content:center;padding:10px 20px;transition:all .2s ease-in-out}.auth-screen .google-btn:hover{background-color:#f8f9fa}.auth-screen .google-btn:active{background-color:#e8e9eb}.auth-screen .google-logo{height:20px;width:20px}.logout-btn{background-color:#ff4b5c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s ease-in-out,transform .1s ease-in-out}.auth-screen p{color:#000;font-size:20px;font-weight:500;margin-bottom:10px}.logout-btn:hover{background-color:#e03e4e}.logout-btn:active{transform:scale(.95)}.dashboard-screen{background:#000;bottom:0;color:#fff;cursor:pointer;gap:10px;justify-content:space-between;left:0;padding:10px 30px 20px;right:0}.orders-screen h2{color:#fff;margin:10px;text-shadow:2px 2px 4px #0009}.orders-table{background:#353d99;border-collapse:collapse;width:100%}.orders-table td,.orders-table th{border-bottom:1px solid #ddd;color:#fff;padding:10px;text-align:left}.orders-table th{background-color:#1a237e;font-weight:700}.account-screen{margin-bottom:200px}.account-screen .username{color:#fff;text-shadow:2px 2px 4px #0009}.profile-pic{padding:20px}.profile-pic img{width:90%}.change-profile-popup{background:#fff;padding:10px;top:0;width:100%;z-index:2}.change-profile-popup .image-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.change-profile-popup img{width:90%}*{box-sizing:border-box;margin:0;padding:0}.flex-col{flex-direction:column}.flex,.flex-col{display:flex}.mid{align-items:center;text-align:center}.fs-10{font-size:10px}.fs-15{font-size:15px}.fs-20{font-size:20px;font-size:500}.fs-25{font-size:25px}.fs-25,.fs-30{font-weight:700}.fs-30{font-size:28px}.fixed{position:fixed}.relative{position:relative}.absolute{position:absolute}.wd{width:100%}.left{text-align:left}.screen{top:100px}.point{cursor:pointer}@media (min-width:1024px){.banner-screen{flex-direction:row;gap:20px}.banner-screen .image-container{width:30%}.banner-screen .banner-desc{display:flex;flex-direction:column}.banner-screen .banner-desc p{text-align:left}.recharge-screen{align-items:baseline;flex-direction:row;padding:40px}.recharge-screen .order-info{margin:10px 0 30px}.info-screen{display:block;justify-content:left;margin-top:50px;padding-left:70px;top:100px;width:100%}.info-screen div{width:47%}.footer-screen{align-items:left;flex-direction:row;gap:20px}.footer-screen .credits{bottom:30px;position:absolute;width:95%}}
/*# sourceMappingURL=main.8f6623c0.css.map*/