Comparta tu proyecto con el mundo

body { background-color: #000; color: white; font-family: Arial, sans-serif; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; }

.container { display: flex; justify-content: space-between; align-items: center; width: 80%; max-width: 1200px; }

.text-content { max-width: 50%; }

.text-content h1 { font-size: 3rem; font-weight: bold; margin-bottom: 20px; }

.text-content h1 span { color: #00b0ff; }

.text-content p { font-size: 1.2rem; margin-bottom: 40px; }

.buttons { display: flex; gap: 20px; }

.buttons a { background-color: #00b0ff; color: #fff; text-decoration: none; padding: 15px 50px; border-radius: 10px; font-size: 1.2rem; transition: background-color 0.3s ease; display: inline-block; }

.buttons a:hover { background-color: #0099cc; }

.image-content { position: relative; max-width: 40%; }

.image-content img { width: 100%; border-radius: 20px; }

.image-content::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #00b0ff; border-radius: 20px; box-sizing: border-box; transform: translate(10px, 10px); }