diff --git a/homework/2-calculator/EugeneNes/index.css b/homework/2-calculator/EugeneNes/index.css
new file mode 100644
index 0000000..fc47910
--- /dev/null
+++ b/homework/2-calculator/EugeneNes/index.css
@@ -0,0 +1,70 @@
+
+body{
+ background: #22b2ec;
+ font-family: 'Roboto', sans-serif;
+ font-weight: 300;
+ font-size: 25px;
+ color: #adb5b8;
+}
+.body{
+ display: flex;
+ flex-direction: column;
+ margin: auto;
+ overflow: hidden;
+ margin-top: 25vh;
+ width: 300px;
+ height: 400px;
+ background-color: #fff;
+ border-radius: 10px;
+ box-shadow: 0 60px 60px -40px rgba(0, 0, 0, 0.25);
+
+}
+.input{
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: flex-end;
+ height: 30%;
+ background-color: #4b5665;
+ padding: 0;
+ border: none;
+ margin: 0;
+}
+.input span{
+ margin-right: 20px;
+}
+.bottomtext{
+ font-size: 50px;
+ font-weight: 400;
+ color: #fff;
+ margin-left: 15px;
+}
+.btns{
+ display: flex;
+ height: 70%;
+ width: 100%;
+ flex-wrap: wrap;
+ padding: 0;
+ margin: auto;
+ border: none;
+}
+.btn{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 25%;
+ box-sizing: border-box;
+ height: 20%;
+ background: #fff;
+ border: 1px solid #f2f2f2;
+ padding: 0;
+ transition: 0.1s;
+}
+.btn:hover{
+ background-color: #3f3f3f;
+ color: #fff;
+ border: none;
+}
+.lesscolor{
+ color: #54656C;
+}
diff --git a/homework/2-calculator/EugeneNes/index.html b/homework/2-calculator/EugeneNes/index.html
new file mode 100644
index 0000000..29a0994
--- /dev/null
+++ b/homework/2-calculator/EugeneNes/index.html
@@ -0,0 +1,41 @@
+
+
+
+
+ Calculator
+
+
+
+
+
+
+
+ 4x12=
+ 48
+
+
+
AC
+
(
+
)
+
%
+
7
+
8
+
9
+
÷
+
4
+
5
+
6
+
×
+
1
+
2
+
3
+
–
+
.
+
0
+
=
+
+
+
+
+