diff --git a/Calculator.css b/Calculator.css
new file mode 100644
index 0000000..afce7f8
--- /dev/null
+++ b/Calculator.css
@@ -0,0 +1,107 @@
+
+.container {
+ text-align: inline-block;
+
+
+}
+
+.card {
+ background-color:#0F0140 ;
+ margin-top: 200px;
+ margin-right: auto;
+ margin-left: auto;
+ width: 10;
+ border-radius: 15% 15% 15% 15%;
+
+
+}
+
+
+
+.input {
+ text-align: right;
+ font-size: 32px;
+ margin-right: 65px;
+ margin-left: 65px;
+ display: inline-block;
+ width: 575px;
+ height: 100px;
+ border-radius: 5% 5% 5% 5%;
+
+
+
+ }
+
+
+
+.btm{
+ background-color: #2405F2;
+ margin: 40px 15px 15px 15px;
+ font-size: 32px;
+ margin-left: 10px;
+ margin-right: 10px;
+ width: 125px;
+ text-align: center;
+ color: white;
+ border-radius: 8% 8% 8% 8%;
+ /*height: 55px;*/
+
+
+
+
+
+}
+
+/* could not get the purple*/
+
+.btm:hover{
+
+ background-color: #F29F05 ;
+}
+
+
+.equal-button{
+ background-color: #6805F2;
+
+}
+
+
+
+
+.buttonrow{
+ margin: 50px 20px 50px 20px;
+ padding: 5% 5% 5% 5%;
+ position: relative;
+
+
+
+
+}
+
+
+
+#purp{
+background-color: purple ;
+
+}
+
+
+
+
+#purp:hover{
+
+background-color: #BF05F2;
+
+}
+
+h1{
+color: white;
+margin-top: 5px;
+margin-left: 70px;
+
+}
+
+
+
+
+
diff --git a/Calculator.html b/Calculator.html
new file mode 100644
index 0000000..e1056b6
--- /dev/null
+++ b/Calculator.html
@@ -0,0 +1,116 @@
+
+
+
+ Calculator
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file