@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;1,200&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200;500;600&family=Poppins:wght@200;400;800&family=Public+Sans:wght@600&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background-color:#f1fcfa}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar{display:flex;align-items:center;justify-content:space-evenly;background-color:#f8f8f8;padding-bottom:10px;border-bottom:1px solid #dbe1ea;position:fixed;width:100%;top:0%;z-index:2}.navbar ul{display:flex;list-style:none;margin-top:.8rem}.navbar ul li a{margin-left:15rem;text-decoration:none;font-size:20px}.logo{display:flex;align-items:flex-start}@media only screen and (max-width: 600px){.navbar{display:flex;justify-content:space-evenly;margin:0;padding:0;height:4rem}.logo{justify-content:flex-start;margin-left:5%!important}.navbar ul li a{margin-left:8px;margin-right:25px;font-size:18px}.navbar ul{margin-left:40px}}.main{background-color:#f8f8f8;overflow:clip;border-bottom-right-radius:50%;border-bottom-left-radius:10%;display:block}.container{display:flex;box-sizing:border-box;letter-spacing:.00738em;width:100%;flex-wrap:nowrap;padding:50px 14px 90px;align-items:center;flex-direction:row;color:#000;font-family:Manrope,sans-serif;margin-left:15%;margin-right:20%}.left{-webkit-box-align:center;max-width:500px;margin-top:7rem}.left h2{font-size:40px;font-weight:500}.left p{opacity:.7;color:#1c2951;font-size:20px;margin-top:10px;font-style:normal;font-weight:500;line-height:28px;display:block;width:100%}.left .btns-0 button{height:50px;border-radius:40px;width:150px;background-color:#1c2951;color:#fff;font-weight:550}.left .btns-0 button:hover{background-color:#0e2026;color:#fff}.right{width:50%;display:flex;margin:0 50px}.portfolio-image{object-fit:contain;margin-top:4rem}@keyframes bounce{0%{transform:translate(0)}40%{transform:translate(-20px)}60%{transform:translate(-10px)}}@media only screen and (max-width: 600px){.main{border-bottom-left-radius:2%;border-bottom-right-radius:2%}.container{flex-direction:column;padding:48px 16px 40px;margin:0 4%}.left{max-width:500px}.left h2{font-size:24px}.left p{font-size:17px}.right{margin:3rem 0;width:160%;overflow-x:hidden;transform:translate(7%);padding:0}.portfolio-image{margin:0}}.mains{margin-top:4rem;display:block}.box{max-width:1220px;margin-left:auto;box-sizing:border-box;margin-right:auto;padding-right:18px;padding-left:18px}.heading{display:flex;flex-direction:column;gap:16px}.heading h2{font-size:3rem;font-weight:500;color:#0e2026;line-height:1.14}.heading h6{font-weight:400;font-size:1.5rem;color:#0e202699}.cards{height:500px;margin-top:48px;display:flex;justify-content:space-evenly}@media only screen and (max-width: 600px){.heading h2{font-size:1.3rem}.heading h6{font-size:1rem}.cards{flex-direction:column;height:100%;margin-bottom:20px}}.card{height:100%;max-width:100%;background-color:#fff;perspective:1000px;overflow:hidden;border-radius:24px;padding:30px;transform:translateZ(0)}.text{z-index:1}.text h3{font-weight:400;font-size:2rem}.card img:hover{transition:all .3s linear;transform:scale(1.1)}@media only screen and (max-width: 600px){.card{height:344px;margin-bottom:20px}.text h3{font-size:1.5rem}}footer{background-color:#000}.footer-area{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;margin-top:100px;padding-top:0}.footer-top{list-style-type:none;padding:30px 60px;margin:0;display:flex;align-items:center;gap:70px;justify-content:space-between;border-radius:20px;background:#fff;position:absolute;top:-60px;left:50%;transform:translate(-50%);z-index:1}.footer-menulist{max-width:1100px;margin-left:150px;margin-right:150px;padding:80px 0 50px;display:flex;flex-wrap:wrap;justify-content:space-between;color:#d9dddc;font-size:18px;line-height:38px;font-weight:400;font-family:sans-serif}.footer-container{flex:0 0 auto;margin-left:12%}.footer-menulist li{list-style-type:none}.copyright-area{margin-left:10%;margin-top:50px;font-size:15px}.footer-menulist li:hover{text-decoration:underline}@media only screen and (max-width: 600px){.footer-top{width:100%;gap:20px;padding:20px 35px;border-radius:2px}.footer-top li h2{font-size:16px!important}.footer-top li{font-size:12px}.footer-menulist{margin:30px 0 0;align-content:center;justify-content:center}.footer-container{margin-left:0}.copyright-area{margin-left:0;margin-top:40px}}@media (max-width: 900px) and (min-width: 600px){.footer-top{width:100%;gap:10px}}.ex-cards{display:flex;align-items:center;justify-content:space-evenly;margin-top:5rem;font-size:20px;font-weight:600}.name{width:8rem}.price,.rank{width:7rem}.btns{margin-top:100px;position:fixed;left:95%}.search-bar input{height:2rem;width:20rem;position:fixed;top:2%;left:35%;padding-left:5px}.btns{margin-top:100px}@media only screen and (max-width: 600px){.image img{height:50px;margin-left:40px;margin-right:20px}.name{font-size:15px;width:12rem}.price{font-size:15px;width:10rem}.rank{font-size:15px}.ex-cards{display:flex;justify-content:left}.search-bar input{position:fixed;top:8%;left:7%;background:transparent}.search-bar input:hover{background-color:#fff}.btns{margin-left:10px}}.coin-detail{padding-left:120px;padding-top:50px}.time{font-weight:700}.coin-image img{margin-top:60px}.coin-name{font-weight:700;font-size:27px;margin-top:50px}.coin-price{font-weight:700;font-size:22px;margin-top:10px}.coin-profit{margin-top:10px;margin-left:7px}.market-rank{font-weight:700;font-size:27px;margin-top:20px;margin-left:5px}.coin-desc p{margin-top:15px}.coin-desc{width:20rem}.coin-detail{display:flex;justify-content:space-evenly}.btns-2 button{height:2rem;background-color:#0e2026;border:none;margin-left:1rem;color:#fff;font-weight:200px;cursor:pointer;width:5rem;border-radius:10px;margin-top:30px;margin-bottom:15px}.btns-2 button:hover{color:#0e2026;background-color:#c0baba;transition:ease-in .4s}@media only screen and (max-width: 600px){.coin-detail{display:flex;flex-direction:column;padding-left:15px}.line{width:100%;padding:50px 15px}}