@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b0e19;font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;margin:0}body,html{overflow-x:hidden}.cards{flex-wrap:wrap;gap:20px;padding-bottom:30px}.cards,.cards_item{align-items:center;display:flex;justify-content:center}.cards_item{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(57,120,199,calc(var(--intensity)*.4));border:1px solid #1a477e4d;border-radius:16px;box-shadow:0 4px 30px #0000001a;flex-flow:column;height:120px;padding:0 10px;transition:background .3s ease,opacity .2s ease;width:45%}.cards_item p{margin-bottom:0}.cards_item .slider{opacity:var(--hover);transform:translateY(10px);transition:opacity .5s ease}.cards_item span{position:absolute;transform:translateY(-30px)}.slider::-webkit-slider-thumb{height:20px;width:20px}.playpause button{align-items:center;background-color:initial;border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;font-family:Quicksand,sans-serif;font-size:16px;font-weight:600;gap:10px;height:45px;justify-content:center;position:relative;width:120px;z-index:1}.playpause span{transform:translateY(3px)}.reset button{align-items:center;background-color:initial;border:1px solid #3a4953;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-family:Quicksand,sans-serif;font-size:14px;gap:10px;justify-content:center;padding:6px 12px;position:relative;z-index:1}.reset span{transform:translateY(1px)}.title{display:flex;font-size:20px;justify-content:center;padding:30px 0;text-align:center}.title,.title p{position:relative}.title p{z-index:1}.pulse{animation:pulse 2s infinite;background:radial-gradient(circle,#85b5d426 0,#94bbe900 40%);border-radius:60%;display:inline;height:500px;position:absolute;width:800px;z-index:0}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.App{color:#fff;height:100%;height:100dvh;justify-content:start;width:100vw}.App,.controlls{align-items:center;display:flex;flex-flow:column}.controlls{font-size:20px;gap:55px;justify-content:center;margin-bottom:20px}.loader_wrapper{align-items:center;background:#0b0e19;display:flex;justify-content:center;margin-top:50px}.loader{animation:rotation 2s linear infinite;border-color:#fff;border-radius:50%;border-style:solid solid dotted dotted;border-width:3px;box-sizing:border-box;display:inline-block;height:48px;position:relative;width:48px}.loader:after{animation:rotationBack 1s linear infinite;border:3px #ff3d00;border-radius:50%;border-style:solid solid dotted;bottom:0;box-sizing:border-box;content:"";height:24px;left:0;margin:auto;position:absolute;right:0;top:0;transform-origin:center center;width:24px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotationBack{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}
/*# sourceMappingURL=main.1f6a7dec.css.map*/