diff --git a/index.html b/index.html
new file mode 100644
index 000000000..5c0f65646
--- /dev/null
+++ b/index.html
@@ -0,0 +1 @@
+Calendar
\ No newline at end of file
diff --git a/main.8522a1f1.css b/main.8522a1f1.css
new file mode 100644
index 000000000..97613c3b8
--- /dev/null
+++ b/main.8522a1f1.css
@@ -0,0 +1,2 @@
+body{margin:0}.calendar{display:flex;padding:10px;margin:auto;gap:1px;width:726px;flex-wrap:wrap}.calendar__day{display:flex;box-sizing:border-box;background-color:#eee;border:1px solid #000;width:100px;height:100px;font-family:Arial,Helvetica,sans-serif;font-size:30px;color:#000;justify-content:center;align-items:center;text-align:center;transition:transform .5s ease}.calendar__day:hover{transform:translateY(-20px);background-color:pink;cursor:pointer}.calendar__day--1:before{content:"1"}.calendar__day--2:before{content:"2"}.calendar__day--3:before{content:"3"}.calendar__day--4:before{content:"4"}.calendar__day--5:before{content:"5"}.calendar__day--6:before{content:"6"}.calendar__day--7:before{content:"7"}.calendar__day--8:before{content:"8"}.calendar__day--9:before{content:"9"}.calendar__day--10:before{content:"10"}.calendar__day--11:before{content:"11"}.calendar__day--12:before{content:"12"}.calendar__day--13:before{content:"13"}.calendar__day--14:before{content:"14"}.calendar__day--15:before{content:"15"}.calendar__day--16:before{content:"16"}.calendar__day--17:before{content:"17"}.calendar__day--18:before{content:"18"}.calendar__day--19:before{content:"19"}.calendar__day--20:before{content:"20"}.calendar__day--21:before{content:"21"}.calendar__day--22:before{content:"22"}.calendar__day--23:before{content:"23"}.calendar__day--24:before{content:"24"}.calendar__day--25:before{content:"25"}.calendar__day--26:before{content:"26"}.calendar__day--27:before{content:"27"}.calendar__day--28:before{content:"28"}.calendar__day--29:before{content:"29"}.calendar__day--30:before{content:"30"}.calendar__day--31:before{content:"31"}.calendar--start-mon .calendar__day--1{margin-left:0}.calendar--start-tue .calendar__day--1{margin-left:101px}.calendar--start-wed .calendar__day--1{margin-left:202px}.calendar--start-thu .calendar__day--1{margin-left:303px}.calendar--start-fri .calendar__day--1{margin-left:404px}.calendar--start-sat .calendar__day--1{margin-left:505px}.calendar--start-sun .calendar__day--1{margin-left:606px}.calendar--month-28 :nth-child(n+29),.calendar--month-29 :nth-child(n+30),.calendar--month-30 :nth-child(n+31),.calendar--month-31 :nth-child(n+32){visibility:hidden}
+/*# sourceMappingURL=main.8522a1f1.css.map */
\ No newline at end of file
diff --git a/main.8522a1f1.css.map b/main.8522a1f1.css.map
new file mode 100644
index 000000000..38a5fe59e
--- /dev/null
+++ b/main.8522a1f1.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["styles\\main.scss"],"names":[],"mappings":"AAEA,KACE,QAAS,CAGX,UACE,YAAa,CACb,YAAa,CACb,WAAY,CACZ,OAAQ,CACR,WAAY,CACZ,cAAe,CAEf,eACE,YAAa,CACb,qBAAsB,CACtB,qBAAsB,CACtB,qBAAsB,CACtB,WAAY,CACZ,YAAa,CACb,sCAAyC,CACzC,cAAe,CACf,UAAW,CACX,sBAAuB,CACvB,kBAAmB,CACnB,iBAAkB,CAClB,6BAA+B,CAbhC,qBAgBG,2BAA4B,CAC5B,qBAAsB,CACtB,cAAe,CAMnB,yBACE,WAAgB,CADlB,yBACE,WAAgB,CADlB,yBACE,WAAgB,CADlB,yBACE,WAAgB,CADlB,yBACE,WAAgB,CADlB,yBACE,WAAgB,CADlB,yBACE,WAAgB,CADlB,yBACE,WAAgB,CADlB,yBACE,WAAgB,CADlB,0BACE,YAAgB,CADlB,0BACE,YAAgB,CADlB,0BACE,YAAgB,CADlB,0BACE,YAAgB,CADlB,0BACE,YAAgB,CADlB,0BACE,YAAgB,CADlB,0BACE,YAAgB,CADlB,0BACE,YAAgB,CADlB,0BACE,YAAgB,CADlB,0BACE,YAAgB,CADlB,0BACE,YAAgB,CADlB,0BACE,YAAgB,CADlB,0BACE,YAAgB,CADlB,0BACE,YAAgB,CADlB,0BACE,YAAgB,CADlB,0BACE,YAAgB,CADlB,0BACE,YAAgB,CADlB,0BACE,YAAgB,CADlB,0BACE,YAAgB,CADlB,0BACE,YAAgB,CADlB,0BACE,YAAgB,CADlB,0BACE,YAAgB,CAclB,uCAEI,aAAsC,CAF1C,uCAEI,iBAAsC,CAF1C,uCAEI,iBAAsC,CAF1C,uCAEI,iBAAsC,CAF1C,uCAEI,iBAAsC,CAF1C,uCAEI,iBAAsC,CAF1C,uCAEI,iBAAsC,CAM1C,oJACE,iBAAkB","file":"main.8522a1f1.css","sourceRoot":"..\\src","sourcesContent":["$gap : 101px;\n\nbody {\n margin: 0;\n}\n\n.calendar {\n display: flex;\n padding: 10px;\n margin: auto;\n gap: 1px;\n width: 726px;\n flex-wrap: wrap;\n\n &__day {\n display: flex;\n box-sizing: border-box;\n background-color: #eee;\n border: #000 solid 1px;\n width: 100px;\n height: 100px;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 30px;\n color: #000;\n justify-content: center;\n align-items: center;\n text-align: center;\n transition: transform 0.5s ease;\n\n &:hover {\n transform: translateY(-20px);\n background-color: pink;\n cursor: pointer;\n }\n }\n}\n\n@for $i from 1 through 31 {\n .calendar__day--#{$i}::before {\n content: \"#{$i}\";\n }\n}\n\n$start-days:\n mon 0,\n tue 1,\n wed 2,\n thu 3,\n fri 4,\n sat 5,\n sun 6;\n\n@each $day,$index in $start-days {\n .calendar--start-#{$day} {\n .calendar__day--1 {\n margin-left: calc(#{$gap} * #{$index});\n }\n }\n}\n\n@for $j from 28 through 31 {\n .calendar--month-#{$j} :nth-child(n+#{$j+1}) {\n visibility: hidden;\n }\n}\n"]}
\ No newline at end of file