*{box-sizing:border-box;font-family:Times New Roman,Times,serif;margin:0;padding:0}.top_head{margin:2rem auto auto}.main,.top_head{align-items:center;display:flex;justify-content:center}.main{align-content:center;flex-direction:column;height:80vh;margin:auto}.card{height:auto;position:relative;transition:all .2s;width:300px}.card-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.25);height:auto;overflow:hidden;padding:1rem;width:inherit}.card:hover{-webkit-transform:scale(1.04) rotate(1deg);transform:scale(1.04) rotate(1deg)}.circle{animation:move-up6 1s ease-in infinite alternate-reverse;background:radial-gradient(#b0e633,#53ef7d);border-radius:50%;height:100px;position:absolute;width:100px}.circle:first-child{left:-25px;top:-25px}.circle:nth-child(2){-webkit-animation-name:move-down1;animation-name:move-down1;bottom:-25px;right:-25px}@-webkit-keyframes move-up6{to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes move-up6{to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@-webkit-keyframes move-down1{to{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes move-down1{to{-webkit-transform:translateY(10px);transform:translateY(10px)}}.button{background:transparent;border:none;color:#000;cursor:pointer;font-size:18px;font-weight:600;margin:1.5rem;padding:15px 20px;position:relative;z-index:1}.button:after,.button:before{bottom:0;content:"";position:absolute;right:0;transition:all .4s;z-index:-99999}.button:before{background:radial-gradient(#b0e633,#53ef7d);border-radius:10px;height:100%;-webkit-transform:translate(0);transform:translate(0);width:100%}.button:after{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff15;border-radius:50px;height:35px;-webkit-transform:translate(10px,10px);transform:translate(10px,10px);width:35px}.button:hover:before{height:110%;-webkit-transform:translate(5%,20%);transform:translate(5%,20%);width:110%}.button:hover:after{border-radius:10px;height:100%;-webkit-transform:translate(0);transform:translate(0);width:100%}.button:active:after{-webkit-transform:translateY(5%);transform:translateY(5%);transition:0s}@media (min-width:320px) and (max-width:480px){body{overflow:hidden}.top_head{font-size:26px;width:50%}.main,.top_head{align-items:center;display:flex;justify-content:center}.main{height:75vh;margin:auto;width:auto}}
/*# sourceMappingURL=main.ffdf51fa.css.map*/