diff --git a/bg2.jpeg b/bg2.jpeg
new file mode 100644
index 0000000..8e20d79
Binary files /dev/null and b/bg2.jpeg differ
diff --git a/script.js b/script.js
index b680531..39be738 100644
--- a/script.js
+++ b/script.js
@@ -1,92 +1,106 @@
-function getHistory(){
-	return document.getElementById("history-value").innerText;
+function getHistory() {
+    return document.getElementById("history-value").innerText;
 }
-function printHistory(num){
-	document.getElementById("history-value").innerText=num;
+
+
+function burstCracker(x, y) {
+    const cracker = document.createElement("div");
+    cracker.classList.add("cracker");
+    cracker.style.left = `${x}px`;
+    cracker.style.top = `${y}px`;
+    calculator.appendChild(cracker);
+
+    setTimeout(() => {
+        calculator.removeChild(cracker);
+    }, 5000);
 }
-function getOutput(){
-	return document.getElementById("output-value").innerText;
+
+function printHistory(num) {
+    document.getElementById("history-value").innerText = num;
 }
-function printOutput(num){
-	if(num==""){
-		document.getElementById("output-value").innerText=num;
-	}
-	else{
-		document.getElementById("output-value").innerText=getFormattedNumber(num);
-	}	
+
+function getOutput() {
+    return document.getElementById("output-value").innerText;
 }
-function getFormattedNumber(num){
-	if(num=="-"){
-		return "";
-	}
-	var n = Number(num);
-	var value = n.toLocaleString("en");
-	return value;
+
+function printOutput(num) {
+    if (num == "") {
+        document.getElementById("output-value").innerText = num;
+    } else {
+        document.getElementById("output-value").innerText = getFormattedNumber(num);
+    }
 }
-function reverseNumberFormat(num){
-	return Number(num.replace(/,/g,''));
+
+function getFormattedNumber(num) {
+    if (num == "-") {
+        return "";
+    }
+    var n = Number(num);
+    var value = n.toLocaleString("en");
+    return value;
+}
+
+function reverseNumberFormat(num) {
+    return Number(num.replace(/,/g, ''));
 }
 
 function factorial(num) { //calculates the factorial of a number. Ex: 5! = 120
-	if(num < 0) return -1;
-	else if(num == 0 ) return 1;
-	else return num * factorial(num-1);
-} 
+    if (num < 0) return -1;
+    else if (num == 0) return 1;
+    else return num * factorial(num - 1);
+}
 
 var operator = document.getElementsByClassName("operator");
-for(var i =0;i<operator.length;i++){
-	operator[i].addEventListener('click',function(){
-		if(this.id=="clear"){
-			printHistory("");
-			printOutput("");
-		}
-		else if(this.id=="backspace"){
-			var output=reverseNumberFormat(getOutput()).toString();
-			if(output){//if output has a value
-				toutpu= output.substr(0,output.length-1);
-				printOutput(toutpu);
-			}
-		}
-		else if(this.id== "!") {
-			var output=reverseNumberFormat(getOutput()).toString()
-			if(output != "") {
-				var num = factorial(output);
-				printOutput(num);
-			}
-		}
-		else{
-			var output=getOutput();
-			var history=getHistory();
-			if(output==""&&history!=""){
-				if(isNaN(history[history.length-1])){
-					history= history.substr(0,history.length-1);
-				}
-			}
-			if(output!="" || history!=""){
-				output= output==""?output:reverseNumberFormat(output);
-				history=history+output;
-				if(this.id=="="){
-					var result=eval(history);
-					printOutput(result);
-					printHistory("");
-				}
-				else{
-					history=history+this.id;
-					printHistory(history);
-					printOutput("");
-				}
-			}
-		}
-		
-	});
+for (var i = 0; i < operator.length; i++) {
+    operator[i].addEventListener('click', function() {
+        if (this.id == "clear") {
+            printHistory("");
+            printOutput("");
+        } else if (this.id == "backspace") {
+            var output = reverseNumberFormat(getOutput()).toString();
+            if (output) { //if output has a value
+                toutpu = output.substr(0, output.length - 1);
+                printOutput(toutpu);
+            }
+        } else if (this.id == "!") {
+            var output = reverseNumberFormat(getOutput()).toString()
+            if (output != "") {
+                var num = factorial(output);
+                printOutput(num);
+            }
+        } else {
+            var output = getOutput();
+            var history = getHistory();
+            if (output == "" && history != "") {
+                if (isNaN(history[history.length - 1])) {
+                    history = history.substr(0, history.length - 1);
+                }
+            }
+            if (output != "" || history != "") {
+                output = output == "" ? output : reverseNumberFormat(output);
+                history = history + output;
+                if (this.id == "=") {
+                    var result = eval(history);
+                    printOutput(result);
+                    printHistory("");
+                    burstCracker();
+                } else {
+                    history = history + this.id;
+                    printHistory(history);
+                    printOutput("");
+                }
+            }
+        }
+
+    });
 }
 var number = document.getElementsByClassName("number");
-for(var i =0;i<number.length;i++){
-	number[i].addEventListener('click',function(){
-		var output=reverseNumberFormat(getOutput());
-		if(output!=NaN){ //if output is a number
-			output=output+this.id;
-			printOutput(output);
-		}
-	});
+for (var i = 0; i < number.length; i++) {
+    number[i].addEventListener('click', function() {
+        var output = reverseNumberFormat(getOutput());
+        if (output != NaN) { //if output is a number
+            output = output + this.id;
+            printOutput(output);
+        }
+    });
 }
\ No newline at end of file
diff --git a/style.css b/style.css
index cd5ae71..163d120 100644
--- a/style.css
+++ b/style.css
@@ -1,117 +1,160 @@
-body{
-	font-family: 'Open Sans',sans-serif;
-	background-color: black;
-	overflow-x: hidden
-	
+body {
+    font-family: 'Open Sans', sans-serif;
+    background-color: black;
+    overflow-x: hidden
 }
 
-#navbar{
-	text-align: center;
+#navbar {
+    text-align: center;
 }
 
-#title{
-	padding: 20px 10px;
-	color: white;
+#title {
+    padding: 20px 10px;
+    color: white;
 }
 
-#developer-name{
-	color: white;
+#developer-name {
+    color: white;
 }
 
-#networks{
-	padding: 30px 20px;
+#networks {
+    padding: 30px 20px;
 }
 
-#footer{
-	padding: 10px 10px; 
+#footer {
+    padding: 10px 10px;
 }
 
-#container{
-	width: 1500px;
-	height: 800px;
-	background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.3)), url(bgImg.jpg);
-	margin: 5px 5px;
-
+#container {
+    width: 1500px;
+    height: 800px;
+    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3)), url(bg2.jpeg);
+    margin: 5px 5px;
 }
-#calculator{
-	width: 350px;
-	height: 600px;
-	background-color: #eaedef;
-	margin: 0 auto;
-	top: 90px;
+
+#calculator {
+    width: 350px;
+    height: 600px;
+    background-color: #eaedef;
+    margin: 0 auto;
+    top: 90px;
     down: 20px;
-	position: relative;
-	border-radius: 32px;
-	box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 5), 0 6px 20px 0 rgba(0, 0, 0, 1);
-}
-#result{
-	height: 105px;
-}
-#history{
-	text-align: right;
-	height: 20px;
-	margin: 0 20px;
-	padding-top: 20px;
-	font-size: 19px;
-	color: #f8160b;
-}
-#output{
-	text-align: right;
-	height: 60px;
-	max-height: 120px;
-	word-wrap: break-word;
-	margin: 10px 20px;
-	font-size: 20px;
-	color: #f8160b;
-}
-#keyboard{
-	height: 400px;
-}
-.operator, .number, .empty{
-	width: 50px;
-	height: 50px;
-	margin: 15px;
-	float: left;
-	border-radius: 30%;
-	border-width: 1;
-	font-weight: bold;
-	font-size: 18px;
-}
-.number, .empty{
-	background-color: #8bedf7;
-}
-.number, .operator{
-	cursor: pointer;
-}
-.operator:active, .number:active{
-	font-size: 13px;
-}
-.operator:focus, .number:focus, .empty:focus{
-	outline: 0;
-}
-button:nth-child(4){
-	font-size: 30px;
-	background-color: #20b2aa;
-}
-button:nth-child(8){
-	font-size: 30px;
-	background-color: #05f8eb;
-}
-button:nth-child(12){
-	font-size: 30px;
-	background-color: #f08080;
-}
-button:nth-child(16){
-	font-size: 30px;
-	background-color: #7d93e0;
-}
-button:nth-child(20){
-	font-size: 30px;
-	background-color: #9477af;
-}
-button:nth-child(18){
-	background-color: #6a0ab8;
-}
-button:nth-child(19){
-	background-color: #c21ab9;
+    position: relative;
+    border-radius: 32px;
+    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 5), 0 6px 20px 0 rgba(0, 0, 0, 1);
+}
+
+#result {
+    height: 105px;
+}
+
+#history {
+    text-align: right;
+    height: 20px;
+    margin: 0 20px;
+    padding-top: 20px;
+    font-size: 19px;
+    color: #f8160b;
+}
+
+#output {
+    text-align: right;
+    height: 60px;
+    max-height: 120px;
+    word-wrap: break-word;
+    margin: 10px 20px;
+    font-size: 20px;
+    color: #f8160b;
+}
+
+#keyboard {
+    height: 400px;
 }
+
+.operator,
+.number,
+.empty {
+    width: 50px;
+    height: 50px;
+    margin: 15px;
+    float: left;
+    border-radius: 30%;
+    border-width: 1;
+    font-weight: bold;
+    font-size: 18px;
+}
+
+.number,
+.empty {
+    background-color: #4f75a5;
+}
+
+.number,
+.operator {
+    cursor: pointer;
+}
+
+.operator:active,
+.number:active {
+    font-size: 13px;
+}
+
+.operator:focus,
+.number:focus,
+.empty:focus {
+    outline: 0;
+}
+
+button:nth-child(4) {
+    font-size: 30px;
+    background-color: #20b2aa;
+}
+
+button:nth-child(8) {
+    font-size: 30px;
+    background-color: #05f8eb;
+}
+
+button:nth-child(12) {
+    font-size: 30px;
+    background-color: #f08080;
+}
+
+button:nth-child(16) {
+    font-size: 30px;
+    background-color: #7d93e0;
+}
+
+button:nth-child(20) {
+    font-size: 30px;
+    background-color: #9477af;
+}
+
+button:nth-child(18) {
+    background-color: #6a0ab8;
+}
+
+button:nth-child(19) {
+    background-color: #c21ab9;
+}
+
+.cracker {
+    position: absolute;
+    width: 50px;
+    height: 50px;
+    background-color: red;
+    border-radius: 50%;
+    opacity: 0;
+    animation: cracker-burst 1s forwards;
+}
+
+@keyframes cracker-burst {
+    0% {
+        opacity: 1;
+        transform: scale(1);
+    }
+    100% {
+        opacity: 0;
+        transform: scale(5);
+    }
+}
\ No newline at end of file