body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.flor-container{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:center;overflow:hidden;position:relative}.flor-container:before{background:radial-gradient(circle,#f59e0b1a 0,#0000 70%);border-radius:50%;content:"";height:400px;position:absolute;width:400px;z-index:0}.flor-container h1{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:50px;letter-spacing:2px;margin-bottom:20px;text-shadow:0 0 10px #f59e0b80;z-index:10}.flor{height:400px;position:relative;width:400px;z-index:1}.centro{background:radial-gradient(circle at 30% 30%,#f59e0b,#d97706,#b45309);border-radius:50%;box-shadow:0 0 20px #f59e0bcc,inset 0 0 15px #ffffff4d;height:90px;top:50%;transform:translate(-50%,-50%);width:90px;z-index:10}.centro,.petalo{left:50%;position:absolute}.petalo{background:linear-gradient(135deg,#fef08a,#facc15 50%,#f59e0b);border-radius:50% 20% 50% 20%;bottom:50%;box-shadow:0 0 15px #fef08a99,inset 0 -10px 10px #fff3;height:180px;opacity:.9;transform:translateX(-50%) rotate(calc(var(--i)*30deg)) translateY(80px) skewX(-10deg);transform-origin:bottom center;transition:all .6s cubic-bezier(.25,.8,.25,1);width:100px}.petalo:nth-child(odd){border-radius:40% 60% 50% 30%;height:190px;transform:translateX(-50%) rotate(calc(var(--i)*30deg)) translateY(75px) skewX(5deg);width:110px}.flor:hover .petalo{background:linear-gradient(135deg,#facc15,#f59e0b 50%,#d97706);box-shadow:0 0 25px #fef08acc,inset 0 -10px 15px #fff6;opacity:1;transform:translateX(-50%) rotate(calc(var(--i)*30deg)) translateY(65px) scale(1.08) skewX(-10deg)}.flor:hover .petalo:nth-child(odd){transform:translateX(-50%) rotate(calc(var(--i)*30deg)) translateY(60px) scale(1.1) skewX(5deg)}.flor:hover .centro{box-shadow:0 0 30px #704a08e6,inset 0 0 20px #fff6}
/*# sourceMappingURL=main.70269ab2.css.map*/