@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700&display=swap);body{background-color:#1b1523;color:#fff;font-family:Raleway,sans-serif;font-size:1.5rem;margin:0;overflow-x:hidden;overflow-y:hidden;text-align:center}.main-App{margin:0 auto;max-width:700px}.design-img1 img{bottom:3em;left:0;position:absolute;width:300px}.design-img2 img{bottom:5em;position:absolute;right:0;width:300px}.heading{-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:HeadingAnimation;animation-name:HeadingAnimation;color:#fff;margin-top:0;padding:10px}button{background:none;border:2px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:6px 12px}button:hover{background-color:purple;color:#fff}.card-grid{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:40px}.card{cursor:pointer;height:150px;margin-left:0;position:relative;width:150px}.card img{border:2px solid #fff;border-radius:6px;display:block;height:100%;width:100%}.card .front{position:absolute;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition:all .2s ease-in}.flipped .front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.card .back,.flipped .back,.flipped .front{transition-delay:.2s}.flipped .back{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}.details{align-items:center;display:flex;height:50px;justify-content:space-between}@-webkit-keyframes HeadingAnimation{0%{background-color:#732592}25%{background-color:#b85cbf}50%{background-color:#ec98f6}75%{background-color:#dc6ee5}to{background-color:#933c9d}}@keyframes HeadingAnimation{0%{background-color:#732592}25%{background-color:#b85cbf}50%{background-color:#ec98f6}75%{background-color:#dc6ee5}to{background-color:#933c9d}}
/*# sourceMappingURL=main.86659c4f.css.map*/