body { font-family: 'Arial', sans-serif; background: linear-gradient(135deg, #ffd700, #ffffff, #ff0000); color: #333; text-align: center; padding: 20px; } h1 { font-size: 3rem; color: #000; text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.5); background: linear-gradient(135deg, #ffd700, #ff0000); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 20px; } .question { background: rgba(255, 255, 255, 0.9); padding: 20px; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); margin: 20px auto; max-width: 500px; font-size: 1.2rem; } .options button { background: #ff0000; color: #fff; border: none; padding: 10px 20px; margin: 10px; border-radius: 25px; cursor: pointer; font-size: 1rem; transition: background 0.3s ease; } .options button:hover { background: #ff4500; } .result { font-size: 1.5rem; color: #000; margin-top: 20px; background: rgba(255, 255, 255, 0.9); padding: 20px; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); max-width: 500px; margin: 20px auto; } .restart { background: #ffd700; color: #000; border: none; padding: 10px 20px; border-radius: 25px; cursor: pointer; font-size: 1rem; margin-top: 20px; transition: background 0.3s ease; } .restart:hover { background: #ffa500; } .trump-image { width: 150px; margin: 20px auto; border-radius: 50%; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .countdown { background: rgba(255, 255, 255, 0.9); padding: 20px; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); max-width: 500px; margin: 20px auto; font-size: 1.5rem; } .countdown span { font-weight: bold; color: #ff0000; } .related-news { background: rgba(255, 255, 255, 0.9); padding: 20px; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); max-width: 800px; margin: 40px auto; text-align: left; } .related-news h2 { font-size: 2rem; color: #ff0000; text-align: center; margin-bottom: 20px; } .related-news ul { list-style: none; padding: 0; } .related-news li { margin: 10px 0; } .related-news a { color: #ff0000; text-decoration: none; font-weight: bold; } .related-news a:hover { text-decoration: underline; }