@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap);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}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.App{align-items:center;background-color:#e5eaf0;display:flex;justify-content:center;min-height:135vh;padding:50px 0;width:100%}.Phone{background-color:#f6f7fb;border:5px solid #d8deea;border-radius:40px;box-shadow:0 0 5px 4px rgba(0,0,0,.04);min-height:80%;padding:10px;position:relative;width:380px}.Phone .side-box{-webkit-animation:slide-down;animation:slide-down;-webkit-animation-duration:.3s;animation-duration:.3s;background-color:#fff;border-radius:10px;box-shadow:0 0 6px 3px rgba(0,0,0,.05);display:flex;flex-direction:column;padding:6px 12px;position:absolute;right:18px;top:90px;width:200px;z-index:1000}.Phone .side-box .list{align-items:center;border-bottom:1px solid silver;color:#333;display:flex;font-size:16px;justify-content:space-between;padding:10px 0}.Phone .side-box .list i{font-size:21px}.Phone .side-box .list:last-child{border-bottom:none;color:#f2205d}.inside{background-color:#f6f7fb;border-radius:40px;height:100%;position:relative;width:100%}.inside,.newInner{align-items:center;display:flex;flex-direction:column}.newInner{width:500px}.Header{background-color:#fff;height:100px;position:relative}.Header,.notch-row{border-radius:25px 25px 0 0;width:100%}.notch-row{align-items:center;background:linear-gradient(#f6f7fb 20%,#fff 0);color:#49596a;display:flex;height:30px;justify-content:space-around}.notch-row .time{align-items:flex-end;background-color:#fff;border-radius:25px 6px 0 0;display:flex;flex-basis:22.5%;font-size:14.5px;font-weight:700;height:30px;justify-content:center;position:relative}.notch-row .time span{position:absolute;top:13px}.notch-row .top-icons{align-items:flex-end;background-color:#fff;border-radius:6px 25px 0 0;display:flex;flex-basis:22.5%;font-weight:700;height:30px}.notch-row .top-icons i{font-size:16px;margin-right:8px}.notch-row .notch{align-items:center;background-color:#f6f7fb;border-radius:0 0 22px 22px;display:flex;gap:10px;height:30px;justify-content:center;width:55%}.notch-row .speaker{border-radius:5px;height:7px;width:30%}.notch-row .camera,.notch-row .speaker{background-color:#e9ecf3;box-shadow:inset 2px 2px 3px rgba(0,0,0,.2);margin-top:-4px}.notch-row .camera{border-radius:50%;height:10px;width:10px}.notch-row .header-content{align-items:center;display:flex;height:calc(100% - 30px);justify-content:space-between;padding:0 15px}.notch-row .header-content i{border-radius:50%;color:#49596a;font-size:31px;font-weight:200;padding:3px;transition:.3s}.notch-row .header-content i:hover{color:#f2205d}.notch-row .header-content #bars{z-index:1000}.notch-row .header-content p{color:#49596a;font-size:24px;font-weight:500}.Cards{background-color:#fff;border-radius:15px;box-shadow:0 0 10px 10px #e8ebf0;height:185px;margin-bottom:10px;margin-top:30px;padding:15px;position:relative;width:90%}.bitcoin{display:flex;justify-content:space-between}.bitcoin .left{font-size:15px}.bitcoin .left,.bitcoin .right{align-items:center;display:flex}.bitcoin .right{color:#49596a;font-size:14px}.bitcoin i{align-items:center;background:linear-gradient(#feb433,#fe9920);border-radius:50%;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;margin-right:15px;padding:5px;width:40px}.btc-value{color:#49596a;font-size:25px;font-weight:500;margin-bottom:10px;margin-top:10px}.usd{color:#a7b2bf;display:flex;justify-content:space-between;margin-top:8px}.usd .left{font-size:15px}.usd .right{align-items:center;background-color:#ee225d;border:1px solid #ee225d;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-size:13px;padding:1px 10px;transition:.3s}.usd .right:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.arrow{color:#acb8c5;font-size:60px;font-weight:500;margin-top:-15px;text-align:center;-webkit-transform:rotateX(60deg);transform:rotateX(60deg);width:100%}.BuySellBtn{align-items:center;display:flex;height:50px;justify-content:space-around;padding:10px 5%;transition:.3s;width:100%}.BuySellBtn button{border:none;border-radius:20px;color:#fff;font-size:15px;font-weight:400;padding:4px;transition:.3s;width:40%}.BuySellBtn button:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.DurationList{display:flex;justify-content:space-between;margin-top:10px;padding:0 7%;width:100%}.DurationList .Duration{border-radius:15px;cursor:pointer;font-size:14px;padding:3px 9px;transition:.3s}.DurationList .Duration.active{background-color:#aeb8c4;color:#fff}.DurationList .Duration:hover{background-color:#fff;color:#fff}.buy-sell{display:flex;justify-content:space-between;padding:0 5%;width:100%}.buy-sell .buy-sell-card{background-color:#fff;border-radius:15px;color:#49596a;cursor:pointer;font-size:15px;font-weight:500;height:100px;margin-top:20px;position:relative;text-align:center;transition:.4s;width:46%}.buy-sell .buy-sell-card:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.buy-sell .buy-sell-card span{border-radius:50%;color:#fff;font-size:25px;font-weight:600;margin-bottom:10px;margin-top:10px;padding:12px}.footer{align-items:flex-start;background-color:#fff;border-radius:0 0 25px 25px;display:flex;height:73px;justify-content:space-around;margin-top:20px;padding-top:15px;position:relative;width:100%}.footer i{color:#afb9c5;cursor:pointer;font-size:24px;transition:.3s}.footer i:hover,footer i.active{color:#4a5a6a}.bar{background-color:#aeb7c6;border-radius:5px;bottom:10px;height:4px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:50%}.chart .recharts-surface{border-radius:15px;position:relative;width:100%}.price-info{color:#918e9f;display:flex;font-size:13px;font-weight:500;justify-content:space-between;padding:0 7%;position:absolute;top:20px;width:100%}#scale{color:#49596a;font-size:14.5px;left:20px;top:150px;z-index:1001}.higher,.info,.lower{margin-left:10px;position:relative}.higher:before,.info:before,.lower:before{border-radius:50%;content:"";height:8px;left:-13px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.lower:before{background-color:#e62749}.higher:before{background-color:#22c56c}.info:before{background:radial-gradient(#fea12a 30%,#ffecba);height:10px;left:-22px;width:10px}a{color:#49596a;text-decoration:none}@media only screen and (max-width:2000px){.App{align-items:center;display:flex;justify-content:center;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}.App,.Phone{padding:0;width:100%}.Phone{border:none;border-radius:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.Phone,.inside{position:relative}.inside{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}.shadow{background-color:#000;height:calc(100% - 70px);opacity:.1;top:70px}.Header,.shadow{border-radius:0;width:100%}.Header{background-color:#fff;height:70px;position:relative}.notch-row{display:none}.header-content{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 15px}.Cards{height:220px}.usd{color:#a7b2bf;display:flex;justify-content:space-between;margin-top:8px}.usd .left{font-size:20px}.usd .right{align-items:center;background-color:#ee225d;border:1px solid #ee225d;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:16px;padding:1px 10px;transition:.3s}#scale{color:#49596a;font-size:14.5px;left:20px;top:180px;z-index:1001}.footer{align-items:center;border-radius:0;height:70px;padding-top:0}.bar{display:none}}@media only screen and (max-width:700px){.usd{color:#a7b2bf;display:flex;justify-content:space-between;margin-top:0}.usd .left{font-size:15px}.usd .right{align-items:center;background-color:#ee225d;border:1px solid #ee225d;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-size:13px;padding:1px 10px;transition:.3s}.newInner{width:99%}.Cards{height:190px;padding-bottom:10px}#scale{color:#49596a;font-size:14.5px;left:20px;top:160px;z-index:1001}}
/*# sourceMappingURL=main.be5889d8.css.map*/