.custom-buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 10px; } .custom-buttons button { padding: 10px 20px; font-size: 16px; cursor: pointer; border: none; border-radius: 4px; color: #fff; margin: 5px; } .glowing-button-container { justify-content: center; align-items: center; gap: 2px; width: 100%; margin-bottom: 10px; align-items: center; /* Center vertically */ text-align: center; /* Center horizontally */ display: flex; flex-wrap: wrap; flex: 0 0 58.333333%; max-width: 58.333333%; flex: 0 0 100%; max-width: 100%; justify-content: flex-start; align-items: center; font-size: 1.25rem; /* Adjust size as needed */ margin-top: 1rem; /* Adjust spacing as needed */ font-weight: bold; padding-left: 0.5rem; padding-right: 0.5rem; margin-top: 1.5rem; -webkit-background-clip: text; background-clip: text; color: rgb(255, 255, 255); background: #ffffff; margin-bottom: 0.5rem; /* Adjust spacing as needed */ } .glowing-button { flex: 0 0 calc(50% - 2px); /* Adjust the button size */ width: 50%; display: table-cell; font-weight: bold; position: relative; padding: 1.5em; outline: none; color: rgb(255, 255, 255); background: #ffffff; cursor: pointer; z-index: 0; border-radius: 10px; -webkit-user-select: none; touch-action: manipulation; } .glowing-button:before { content: ''; background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); position: absolute; top: -2px; left: -2px; background-size: 400%; z-index: -1; filter: blur(5px); -webkit-filter: blur(5px); width: calc(100% + 4px); height: calc(100% + 4px); animation: glowing-button-85 20s linear infinite; transition: opacity 0.3s ease-in-out; border-radius: 10px; } .glowing-button:after { z-index: -1; content: ''; position: absolute; width: 100%; height: 100%; background: #222; left: 0; top: 0; border-radius: 10px; } .kill-button { display: block; /* Make it a block element */ margin: 0 auto; /* Set left and right margins to auto to center it */ padding: 10px 20px; font-size: 16px; cursor: pointer; border: none; border-radius: 4px; color: #fff; background-color: #3498db; /* Change the background color as needed */ margin-bottom: 20px; } .get-file-button { display: block; /* Make it a block element */ margin: 0 auto; /* Set left and right margins to auto to center it */ padding: 10px 20px; font-size: 16px; cursor: pointer; border: none; border-radius: 4px; color: #fff; background-color: #3498db; /* Change the background color as needed */ margin-bottom: 20px; } .designed-by { text-align: center; /* Center align the text */ margin-top: 20px; /* Add some margin from the top */ color: #ffffff; /* Text color */ font-size: 14px; /* Font size */ display: block; /* Ensure it's a block element */ width: 100%; /* Set width to 100% */ } @keyframes glowing-button-85 { 0% { background-position: 0 0; } 50% { background-position: 400% 0; } 100% { background-position: 0 0; } } body { width: 100%; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; }