Símbolos Félixbody { display: flex; justify

Símbolos Félixbody { display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background-color: #f5f5f5; } .container { display: flex; gap: 20px; /* Espaço entre os símbolos */ } .symbol { width: 100px; height: 100px; position: relative; } .symbol::before, .symbol::after { content: ""; position: absolute; width: 100px; height: 100px; border-radius: 50%; background: #a6c0fe; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .symbol.one::before { background: linear-gradient(45deg, #fbc2eb, #a6c0fe); transform: rotate(45deg); } .symbol.one::after { background: linear-gradient(-45deg, #fbc2eb, #a6c0fe); transform: rotate(-45deg); } .symbol.two::before { background: radial-gradient(circle, #ff9a9e, #fad0c4); transform: translate(-50%, -50%) scale(1.1); } .symbol.two::after { background: radial-gradient(circle, #a6c0fe, #fbc2eb); transform: translate(-50%, -50%) scale(1.3); }