.svg{width:2em;transform-origin:center;animation:rotate4 2s linear infinite}.svg circle{fill:none;stroke:#3189fc;stroke-width:2;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:dash4 1.5s ease-in-out infinite}@keyframes rotate4{to{transform:rotate(360deg)}}@keyframes dash4{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}to{stroke-dashoffset:-125px}}#root,html,body{margin:0;padding:0;height:100vh;box-sizing:border-box}button{cursor:pointer!important}.app{display:flex;justify-content:center;align-items:center;text-align:center;width:100%;height:100%;--s: 82px;--c1: #b2b2b2;--c2: #ffffff;--c3: #d9d9d9;--_g: var(--c3) 0 120deg, #0000 0;background:conic-gradient(from -60deg at 50% calc(100% / 3),var(--_g)),conic-gradient(from 120deg at 50% calc(200% / 3),var(--_g)),conic-gradient(from 60deg at calc(200% / 3),var(--c3) 60deg,var(--c2) 0 120deg,#0000 0),conic-gradient(from 180deg at calc(100% / 3),var(--c1) 60deg,var(--_g)),linear-gradient(90deg,var(--c1) calc(100% / 6),var(--c2) 0 50%,var(--c1) 0 calc(500% / 6),var(--c2) 0);background-size:calc(1.732 * var(--s)) var(--s)}.card{position:relative;background-color:#4b4b4b30;width:40%;height:60%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:2%;border-radius:25px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:10px 10px 5px #676565}.heading{display:flex;align-items:center;height:580px;font-family:League Spartan,sans-serif;color:#433c3c}.save_button,.read_button,.copy_button{position:absolute;border-radius:100%;width:35px;height:35px;display:flex;justify-content:center;align-items:center;border:none;background-color:#d9d9d9}.read_button{right:14px;top:14px}.copy_button{left:14px;bottom:14px}.save_button{left:14px;top:14px}.button{position:relative;outline:none;text-decoration:none;border-radius:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;text-transform:uppercase;height:65px;width:210px;opacity:1;background-color:#fff;border:1px solid rgba(22,76,167,.6)}.button span{color:#164ca7;font-size:12px;font-weight:500;letter-spacing:.7px}.button:hover{animation:rotate .7s ease-in-out both}.button:hover span{animation:storm .7s ease-in-out both;animation-delay:.06s}@keyframes rotate{0%{transform:rotate(0) translateZ(0)}25%{transform:rotate(3deg) translateZ(0)}50%{transform:rotate(-3deg) translateZ(0)}75%{transform:rotate(1deg) translateZ(0)}to{transform:rotate(0) translateZ(0)}}@keyframes storm{0%{transform:translateZ(0) translateZ(0)}25%{transform:translate3d(4px,0,0) translateZ(0)}50%{transform:translate3d(-3px,0,0) translateZ(0)}75%{transform:translate3d(2px,0,0) translateZ(0)}to{transform:translateZ(0) translateZ(0)}}@media only screen and (max-width: 600px){.card{width:100%;height:100%;border-radius:0}}