@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";*{padding:0;margin:0;box-sizing:border-box;border:0;outline:0;list-style:none}:root{--bg-hue: 253;--primary-hue: 225;--secondary-hue: 339;--colour-bg: #0f0e13;--colour-white: hsl(0, 0%, 100%);--colour-light: hsla(0, 0%, 100%, .6);--transition: all .6s ease}html{scroll-behavior:smooth}body{color:var(--colour-white);font-family:Poppins,sans-serif}.gradient-bg{background-color:var(--colour-bg);background-image:radial-gradient(at 0% 0%,hsla(var(--bg-hue),16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(var(--primary-hue),39%,30%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(var(--secondary-hue),49%,30%,1) 0,transparent 50%)}.logo{letter-spacing:1.6px;font-style:italic;width:60%}@media screen and (max-width: 767px){.logo{width:fit-content}}.btn-primary{font-weight:500;background:#2952e3;transition:var(--transition)}.btn-primary:hover{background:#2546bd}.btn-grad{background-image:linear-gradient(to right,hsla(var(--secondary-hue),49%,30%,1) 0%,hsla(var(--primary-hue),39%,30%,1) 51%,hsla(var(--bg-hue),16%,7%,1) 100%)}.btn-grad{font-weight:500;padding:10px 30px;text-align:center;transition:var(--transition);background-size:200% auto;color:#fff;box-shadow:0 0 5px #eee;border-radius:10px;display:block}.btn-grad:hover{background-position:right center;color:#fff;text-decoration:none}.blue-glassmorphism{background:rgb(39,51,89,.4);border-radius:16px;box-shadow:0 4px 30px #0003;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(0,0,0,.3)}.white-glassmorphism{background:rgba(255,255,255,.05);border-radius:16px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}.text-gradient{background-color:var(--colour-white);background-image:radial-gradient(at 4% 36%,hsla(0,0%,100%,1) 0,transparent 53%),radial-gradient(at 100% 60%,rgb(0,0,0) 0,transparent 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.trade__container{min-height:70vh}#wheel{animation:wheel 13s linear infinite;transform-origin:center;transform-box:fill-box}@keyframes wheel{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#balloon1{animation:balloon1 8s linear infinite;transform-origin:center;transform-box:fill-box}@keyframes balloon1{0%{transform:rotate(0) translate(0)}50%{transform:rotate(-10deg) translate(-50%)}to{transform:rotate(0) translate(0)}}#balloon3{animation:balloon3 7.5s linear infinite;transform-origin:center;transform-box:fill-box}@keyframes balloon3{0%{transform:rotate(0) translate(0)}50%{transform:rotate(10deg) translate(50%)}to{transform:rotate(0) translate(0)}}.trade__card{width:80%;margin-left:3rem}@media screen and (max-width: 991px){.trade__card{width:100%;margin:3rem 0}}
