diff --git a/scientific.html b/scientific.html
new file mode 100644
index 0000000..0830a02
--- /dev/null
+++ b/scientific.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+    <link rel = "stylesheet" href = "styles.css">
+    <h1><a href = standard.html>Standard</a> | Scientific</h1>
+    <div class = "calculator">
+        <div class = "calculator_display">0</div>
+        <div class = "calculator_keys_scientific">
+            <button style = "background-color: gainsboro">Rad | Deg</button>
+            <button style = "background-color: gainsboro">x!</button>
+            <button style = "background-color: gainsboro">(</button>
+            <button style = "background-color: gainsboro">)</button>
+            <button style = "background-color: gainsboro">%</button>
+            <button style = "background-color: gainsboro">AC</button>
+            <button>Inv</button>
+            <button>Sin</button>
+            <button>In</button>
+            <button>7</button>
+            <button>8</button>
+            <button>9</button>
+            <button style = "background-color: gainsboro">/</button>
+            <button>&#960;</button>
+            <button>Cos</button>
+            <button>log</button>
+            <button>4</button>
+            <button>5</button> 
+            <button>6</button>
+            <button style = "background-color: gainsboro">*</button>
+            <button>e</button>
+            <button>Tan</button>
+            <button>&#8730;</button>
+            <button>1</button>
+            <button>2</button>
+            <button>3</button> 
+            <button style = "background-color: gainsboro">-</button>
+            <button>Ans</button>
+            <button>EXP</button>
+            <button>x<sup>y</sup></button>
+            <button>0</button>
+            <button>.</button>
+            <button style = "background-color: dodgerblue">=</button>
+            <button style = "background-color: gainsboro">+</button>
+        </div>
+    </div>
+    
+</html>
\ No newline at end of file
diff --git a/standard.html b/standard.html
new file mode 100644
index 0000000..d3490b4
--- /dev/null
+++ b/standard.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+    <link rel = "stylesheet" href = "styles.css">
+    <h1>Standard | <a href = scientific.html>Scientific</a></h1>
+    <div class = "calculator">
+        <div class = "calculator_display">0</div>
+        <div class = "calculator_keys_standard">
+            <button style = "background-color: gainsboro">(</button>
+            <button style = "background-color: gainsboro">)</button>
+            <button style = "background-color: gainsboro">%</button>
+            <button style = "background-color: gainsboro">AC</button>
+            <button>7</button>
+            <button>8</button>
+            <button>9</button>
+            <button style = "background-color: gainsboro">/</button>
+            <button>4</button>
+            <button>5</button> 
+            <button>6</button>
+            <button style = "background-color: gainsboro">*</button>
+            <button>1</button>
+            <button>2</button>
+            <button>3</button> 
+            <button style = "background-color: gainsboro">-</button>
+            <button>0</button>
+            <button>.</button>
+            <button style = "background-color: dodgerblue">=</button>
+            <button style = "background-color: gainsboro">+</button>
+        </div>
+    </div>
+    
+</html>
\ No newline at end of file
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..eb53023
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,31 @@
+.calculator_keys_standard {
+    display: grid;
+    grid-template-columns: auto auto auto auto;
+    grid-template-rows: auto auto auto auto auto;
+
+}
+
+.calculator_keys_scientific {
+    display: grid;
+    grid-template-columns: auto auto auto auto auto auto auto;
+    grid-template-rows: auto auto auto auto auto;
+    grid: float;
+}
+
+.calculator {
+    border-style: solid;
+    
+}
+
+.calculator_display {
+    position: right;
+}
+
+html {
+    max-width: 500px;
+    max-height: 500px;
+}
+
+h1 {
+    font-size: 20px;
+}
\ No newline at end of file
