body,html{margin:0;padding:4px}body{background:#191970;background-repeat:no-repeat;background-attachment:fixed;background-position:50%;background-size:cover;background-image:linear-gradient(147deg,#923cb5,#000 74%);font-size:150%;margin:0;padding:10px;font-family:Quicksand,sans-serif;font-size:1.5rem;font-weight:300;min-height:100vh}a,body{color:#fff}#app{position:relative;max-width:600px;min-height:400px;border:1px solid #000;border-radius:10px;margin:auto}.glass-card{backdrop-filter:blur(1px);color:#fff;height:auto;min-width:100px;padding:2rem;background:hsla(0,0%,100%,.1);border-radius:10px;border:1px solid hsla(0,0%,100%,.18);margin-bottom:22px;overflow:hidden;text-overflow:ellipsis}.coin{zoom:50%;transform:scale(.05)}.blink{animation:blink-animation 1s steps(5,start) infinite;-webkit-animation:blink-animation 1s steps(5,start) infinite}@keyframes blink-animation{to{visibility:hidden}}@-webkit-keyframes blink-animation{to{visibility:hidden}}.coin{position:relative;width:300px;height:300px;margin:50px auto;transform-style:preserve-3d;animation:rotate3d 8s linear infinite;transition:all .3s}.coin__back,.coin__front{position:absolute;width:300px;height:300px;border-radius:50%;overflow:hidden;background-color:#e8d0bb}.coin__back:after,.coin__front:after{content:"";position:absolute;left:-150px;bottom:100%;display:block;height:200px;width:600px;background:#fff;opacity:.3;animation:shine 4s linear infinite}.coin__front{transform:translateZ(10px)}.coin__back,.coin__front{background-image:url(https://st2.depositphotos.com/1202217/6398/v/950/depositphotos_63981987-stock-illustration-lemonade-stand-cart-vektor-illustration.jpg);background-size:cover}.coin__back{transform:translateZ(-10px) rotateY(180deg)}.coin__edge div:first-child{position:absolute;height:11.775px;width:20px;background:#3c2714;transform:translateY(144.1125px) translateX(140px) rotate(94.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(2){position:absolute;height:11.775px;width:20px;background:#482f18;transform:translateY(144.1125px) translateX(140px) rotate(99deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(3){position:absolute;height:11.775px;width:20px;background:#55371d;transform:translateY(144.1125px) translateX(140px) rotate(103.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(4){position:absolute;height:11.775px;width:20px;background:#613f21;transform:translateY(144.1125px) translateX(140px) rotate(108deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(5){position:absolute;height:11.775px;width:20px;background:#6d4625;transform:translateY(144.1125px) translateX(140px) rotate(112.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(6){position:absolute;height:11.775px;width:20px;background:#784e29;transform:translateY(144.1125px) translateX(140px) rotate(117deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(7){position:absolute;height:11.775px;width:20px;background:#84552c;transform:translateY(144.1125px) translateX(140px) rotate(121.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(8){position:absolute;height:11.775px;width:20px;background:#8e5c30;transform:translateY(144.1125px) translateX(140px) rotate(126deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(9){position:absolute;height:11.775px;width:20px;background:#996334;transform:translateY(144.1125px) translateX(140px) rotate(130.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(10){position:absolute;height:11.775px;width:20px;background:#a36937;transform:translateY(144.1125px) translateX(140px) rotate(135deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(11){position:absolute;height:11.775px;width:20px;background:#ad703a;transform:translateY(144.1125px) translateX(140px) rotate(139.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(12){position:absolute;height:11.775px;width:20px;background:#b6763e;transform:translateY(144.1125px) translateX(140px) rotate(144deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(13){position:absolute;height:11.775px;width:20px;background:#bf7c41;transform:translateY(144.1125px) translateX(140px) rotate(148.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(14){position:absolute;height:11.775px;width:20px;background:#c2824a;transform:translateY(144.1125px) translateX(140px) rotate(153deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(15){position:absolute;height:11.775px;width:20px;background:#c58853;transform:translateY(144.1125px) translateX(140px) rotate(157.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(16){position:absolute;height:11.775px;width:20px;background:#c88e5b;transform:translateY(144.1125px) translateX(140px) rotate(162deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(17){position:absolute;height:11.775px;width:20px;background:#ca9363;transform:translateY(144.1125px) translateX(140px) rotate(166.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(18){position:absolute;height:11.775px;width:20px;background:#cd986a;transform:translateY(144.1125px) translateX(140px) rotate(171deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(19){position:absolute;height:11.775px;width:20px;background:#cf9d71;transform:translateY(144.1125px) translateX(140px) rotate(175.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(20){position:absolute;height:11.775px;width:20px;background:#d1a278;transform:translateY(144.1125px) translateX(140px) rotate(180deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(21){position:absolute;height:11.775px;width:20px;background:#d4a67f;transform:translateY(144.1125px) translateX(140px) rotate(184.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(22){position:absolute;height:11.775px;width:20px;background:#d6ab85;transform:translateY(144.1125px) translateX(140px) rotate(189deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(23){position:absolute;height:11.775px;width:20px;background:#d8af8b;transform:translateY(144.1125px) translateX(140px) rotate(193.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(24){position:absolute;height:11.775px;width:20px;background:#dab290;transform:translateY(144.1125px) translateX(140px) rotate(198deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(25){position:absolute;height:11.775px;width:20px;background:#dbb695;transform:translateY(144.1125px) translateX(140px) rotate(202.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(26){position:absolute;height:11.775px;width:20px;background:#ddb99a;transform:translateY(144.1125px) translateX(140px) rotate(207deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(27){position:absolute;height:11.775px;width:20px;background:#debd9f;transform:translateY(144.1125px) translateX(140px) rotate(211.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(28){position:absolute;height:11.775px;width:20px;background:#e0bfa3;transform:translateY(144.1125px) translateX(140px) rotate(216deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(29){position:absolute;height:11.775px;width:20px;background:#e1c2a7;transform:translateY(144.1125px) translateX(140px) rotate(220.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(30){position:absolute;height:11.775px;width:20px;background:#e2c4aa;transform:translateY(144.1125px) translateX(140px) rotate(225deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(31){position:absolute;height:11.775px;width:20px;background:#e3c7ad;transform:translateY(144.1125px) translateX(140px) rotate(229.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(32){position:absolute;height:11.775px;width:20px;background:#e4c9b0;transform:translateY(144.1125px) translateX(140px) rotate(234deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(33){position:absolute;height:11.775px;width:20px;background:#e5cab3;transform:translateY(144.1125px) translateX(140px) rotate(238.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(34){position:absolute;height:11.775px;width:20px;background:#e6ccb5;transform:translateY(144.1125px) translateX(140px) rotate(243deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(35){position:absolute;height:11.775px;width:20px;background:#e7cdb7;transform:translateY(144.1125px) translateX(140px) rotate(247.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(36){position:absolute;height:11.775px;width:20px;background:#e7ceb8;transform:translateY(144.1125px) translateX(140px) rotate(252deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(37){position:absolute;height:11.775px;width:20px;background:#e7cfb9;transform:translateY(144.1125px) translateX(140px) rotate(256.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(38){position:absolute;height:11.775px;width:20px;background:#e8d0ba;transform:translateY(144.1125px) translateX(140px) rotate(261deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(39){transform:translateY(144.1125px) translateX(140px) rotate(265.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(39),.coin__edge div:nth-child(40){position:absolute;height:11.775px;width:20px;background:#e8d0bb}.coin__edge div:nth-child(40){transform:translateY(144.1125px) translateX(140px) rotate(270deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(41){position:absolute;height:11.775px;width:20px;background:#e8d0bb;transform:translateY(144.1125px) translateX(140px) rotate(274.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(42){position:absolute;height:11.775px;width:20px;background:#e8d0ba;transform:translateY(144.1125px) translateX(140px) rotate(279deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(43){position:absolute;height:11.775px;width:20px;background:#e7cfb9;transform:translateY(144.1125px) translateX(140px) rotate(283.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(44){position:absolute;height:11.775px;width:20px;background:#e7ceb8;transform:translateY(144.1125px) translateX(140px) rotate(288deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(45){position:absolute;height:11.775px;width:20px;background:#e7cdb7;transform:translateY(144.1125px) translateX(140px) rotate(292.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(46){position:absolute;height:11.775px;width:20px;background:#e6ccb5;transform:translateY(144.1125px) translateX(140px) rotate(297deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(47){position:absolute;height:11.775px;width:20px;background:#e5cab3;transform:translateY(144.1125px) translateX(140px) rotate(301.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(48){position:absolute;height:11.775px;width:20px;background:#e4c9b0;transform:translateY(144.1125px) translateX(140px) rotate(306deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(49){position:absolute;height:11.775px;width:20px;background:#e3c7ad;transform:translateY(144.1125px) translateX(140px) rotate(310.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(50){position:absolute;height:11.775px;width:20px;background:#e2c4aa;transform:translateY(144.1125px) translateX(140px) rotate(315deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(51){position:absolute;height:11.775px;width:20px;background:#e1c2a7;transform:translateY(144.1125px) translateX(140px) rotate(319.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(52){position:absolute;height:11.775px;width:20px;background:#e0bfa3;transform:translateY(144.1125px) translateX(140px) rotate(324deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(53){position:absolute;height:11.775px;width:20px;background:#debd9f;transform:translateY(144.1125px) translateX(140px) rotate(328.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(54){position:absolute;height:11.775px;width:20px;background:#ddb99a;transform:translateY(144.1125px) translateX(140px) rotate(333deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(55){position:absolute;height:11.775px;width:20px;background:#dbb695;transform:translateY(144.1125px) translateX(140px) rotate(337.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(56){position:absolute;height:11.775px;width:20px;background:#dab290;transform:translateY(144.1125px) translateX(140px) rotate(342deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(57){position:absolute;height:11.775px;width:20px;background:#d8af8b;transform:translateY(144.1125px) translateX(140px) rotate(346.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(58){position:absolute;height:11.775px;width:20px;background:#d6ab85;transform:translateY(144.1125px) translateX(140px) rotate(351deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(59){position:absolute;height:11.775px;width:20px;background:#d4a67f;transform:translateY(144.1125px) translateX(140px) rotate(355.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(60){position:absolute;height:11.775px;width:20px;background:#d1a278;transform:translateY(144.1125px) translateX(140px) rotate(1turn) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(61){position:absolute;height:11.775px;width:20px;background:#cf9d71;transform:translateY(144.1125px) translateX(140px) rotate(364.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(62){position:absolute;height:11.775px;width:20px;background:#cd986a;transform:translateY(144.1125px) translateX(140px) rotate(369deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(63){position:absolute;height:11.775px;width:20px;background:#ca9363;transform:translateY(144.1125px) translateX(140px) rotate(373.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(64){position:absolute;height:11.775px;width:20px;background:#c88e5b;transform:translateY(144.1125px) translateX(140px) rotate(378deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(65){position:absolute;height:11.775px;width:20px;background:#c58853;transform:translateY(144.1125px) translateX(140px) rotate(382.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(66){position:absolute;height:11.775px;width:20px;background:#c2824a;transform:translateY(144.1125px) translateX(140px) rotate(387deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(67){position:absolute;height:11.775px;width:20px;background:#bf7c41;transform:translateY(144.1125px) translateX(140px) rotate(391.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(68){position:absolute;height:11.775px;width:20px;background:#b6763e;transform:translateY(144.1125px) translateX(140px) rotate(396deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(69){position:absolute;height:11.775px;width:20px;background:#ad703a;transform:translateY(144.1125px) translateX(140px) rotate(400.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(70){position:absolute;height:11.775px;width:20px;background:#a36937;transform:translateY(144.1125px) translateX(140px) rotate(405deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(71){position:absolute;height:11.775px;width:20px;background:#996334;transform:translateY(144.1125px) translateX(140px) rotate(409.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(72){position:absolute;height:11.775px;width:20px;background:#8e5c30;transform:translateY(144.1125px) translateX(140px) rotate(414deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(73){position:absolute;height:11.775px;width:20px;background:#84552c;transform:translateY(144.1125px) translateX(140px) rotate(418.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(74){position:absolute;height:11.775px;width:20px;background:#784e29;transform:translateY(144.1125px) translateX(140px) rotate(423deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(75){position:absolute;height:11.775px;width:20px;background:#6d4625;transform:translateY(144.1125px) translateX(140px) rotate(427.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(76){position:absolute;height:11.775px;width:20px;background:#613f21;transform:translateY(144.1125px) translateX(140px) rotate(432deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(77){position:absolute;height:11.775px;width:20px;background:#55371d;transform:translateY(144.1125px) translateX(140px) rotate(436.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(78){position:absolute;height:11.775px;width:20px;background:#482f18;transform:translateY(144.1125px) translateX(140px) rotate(441deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(79){position:absolute;height:11.775px;width:20px;background:#3c2714;transform:translateY(144.1125px) translateX(140px) rotate(445.5deg) translateX(150px) rotateY(90deg)}.coin__edge div:nth-child(80){position:absolute;height:11.775px;width:20px;background:#2e1e10;transform:translateY(144.1125px) translateX(140px) rotate(450deg) translateX(150px) rotateY(90deg)}.coin__shadow{position:absolute;width:300px;height:20px;border-radius:50%;background:#000;box-shadow:0 0 100px 100px #000;opacity:.125;transform:rotateX(90deg) translateZ(-330px) scale(.5)}@keyframes rotate3d{0%{transform:perspective(1000px) rotateY(0deg)}to{transform:perspective(1000px) rotateY(1turn)}}@keyframes shine{0%,15%{transform:translateY(600px) rotate(-40deg)}50%{transform:translateY(-300px) rotate(-40deg)}}
/*# sourceMappingURL=index.4d9f3fb0.css.map */