body {
    margin: 0;
    min-height: 100vh;
    background-repeat: no-repeat;
    background-size: cover; 
background-position: center;

background-image: url("data:image/jpeg;base64,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");
}

/* Center Everything */
.container {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Heading */
.title {
    color: rgb(253, 2, 2);
    border-radius: 10px;
    box-shadow: #fdfdfd;
    width: 350px;
    height: 50px;
    text-align: center;
    font-style: italic;
    background-color: #000000;
    margin-bottom: 15px;
    font-size: 32px;
    letter-spacing: 2px;
    animation: fadeDown 1s ease;
}
.title:hover {
    animation: fadeDown 1s ease;
    cursor: pointer;
    background-color: #7e0101;
    color: #fff;
    box-shadow: 0 0 20px #f76b6b;
}
@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.buttons-container {
    animation: fadeUp 1s ease;
}
/* Calculator Box */
.calculator {
    background-color: rgb(127, 150, 255);
    padding: 20px;
    border-radius: 20px;
    width: 300px;
    box-shadow: 0 25px 50px rgba(0,0,0,0.5);
    animation: zoomIn 0.8s ease;
}

@keyframes zoomIn {
    from {
        transform: scale(0.7);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

.display {
    height: 60px;
    background: black;
    color: #00ff99;
    font-size: 28px;
    text-align: right;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
}

/* Buttons */
.buttons {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

button {
    height: 55px;
    border: none;
    border-radius: 12px;
    font-size: 20px;
    cursor: pointer;
    transition: transform 0.15s ease;
}

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

.number {
    background: #222;
    color: #fff;
}

.operator {
    background: #ff9800;
    color: white;
}

.equal {
    background: #4caf50;
    color: white;
    grid-row: span 2;
}

.clear {
    background: #f44336;
    color: white;
}

.zero {
    grid-column: span 2;
}