body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #000;
            color: white;
            text-align: center;
            font-family: Arial, sans-serif;
        }
        .container {
            background: rgba(0, 0, 0, 0.8);
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 0 20px rgba(255, 0, 0, 0.5);
            animation: pulse-shadow 1.5s infinite;
        }
        h1 {
            color: red;
        }
        p {
            margin-bottom: 20px;
        }
        .buttons {
            display: flex;
            justify-content: center;
            gap: 20px;
        }
        button {
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
            transition: 0.3s;
        }
        .yes { background: darkgreen; color: white;border: 2px solid green;transition: all 0.3s ease; }
        .no { background: darkred; color: white;border: 2px solid red; transition: all 0.3s ease;}
        .yes:hover { background: white;color: darkgreen; scale:1.1;}
        .no:hover { background: white;color: darkred;scale:1.1; }

button {
  transition: transform 0.3s ease;
}

button:active {
  transform: scale(1.1);
}

@keyframes pulse-shadow {
    0% {
        box-shadow: 0 0 20px rgba(255, 0, 0, 0.5);
    }
    50% {
        box-shadow: 0 0 40px rgba(255, 0, 0, 0.8);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 0, 0, 0.5);
    }
}