diff --git a/css/sin.css b/css/sin.css
new file mode 100644
index 0000000..deb59a1
--- /dev/null
+++ b/css/sin.css
@@ -0,0 +1,106 @@
+ body {
+ background-color: #F3EBF6;
+ font-family: 'Ubuntu', sans-serif;
+ }
+
+ .main {
+ background-color: #FFFFFF;
+ width: 400px;
+ height: 400px;
+ margin: 7em auto;
+ border-radius: 1.5em;
+ box-shadow: 0px 11px 35px 2px rgba(0, 0, 0, 0.14);
+ }
+
+ .sign {
+ padding-top: 40px;
+ color: #8C55AA;
+ font-family: 'Ubuntu', sans-serif;
+ font-weight: bold;
+ font-size: 23px;
+ }
+
+ .un {
+ width: 76%;
+ color: rgb(38, 50, 56);
+ font-weight: 700;
+ font-size: 14px;
+ letter-spacing: 1px;
+ background: rgba(136, 126, 126, 0.04);
+ padding: 10px 20px;
+ border: none;
+ border-radius: 20px;
+ outline: none;
+ box-sizing: border-box;
+ border: 2px solid rgba(0, 0, 0, 0.02);
+ margin-bottom: 50px;
+ margin-left: 46px;
+ text-align: center;
+ margin-bottom: 27px;
+ font-family: 'Ubuntu', sans-serif;
+ }
+
+ form.form1 {
+ padding-top: 40px;
+ }
+
+ .pass {
+ width: 76%;
+ color: rgb(38, 50, 56);
+ font-weight: 700;
+ font-size: 14px;
+ letter-spacing: 1px;
+ background: rgba(136, 126, 126, 0.04);
+ padding: 10px 20px;
+ border: none;
+ border-radius: 20px;
+ outline: none;
+ box-sizing: border-box;
+ border: 2px solid rgba(0, 0, 0, 0.02);
+ margin-bottom: 50px;
+ margin-left: 46px;
+ text-align: center;
+ margin-bottom: 27px;
+ font-family: 'Ubuntu', sans-serif;
+ }
+
+
+ .un:focus, .pass:focus {
+ border: 2px solid rgba(0, 0, 0, 0.18) !important;
+
+ }
+
+ .submit {
+ cursor: pointer;
+ border-radius: 5em;
+ color: #fff;
+ background: linear-gradient(to right, #9C27B0, #E040FB);
+ border: 0;
+ padding-left: 40px;
+ padding-right: 40px;
+ padding-bottom: 10px;
+ padding-top: 10px;
+ font-family: 'Ubuntu', sans-serif;
+ margin-left: 35%;
+ font-size: 13px;
+ box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.04);
+ }
+
+ .forgot {
+ text-shadow: 0px 0px 3px rgba(117, 117, 117, 0.12);
+ color: #E1BEE7;
+ padding-top: 15px;
+ }
+
+ a {
+ text-shadow: 0px 0px 3px rgba(117, 117, 117, 0.12);
+ color: #E1BEE7;
+ text-decoration: none
+ }
+
+ @media (max-width: 600px) {
+ .main {
+ border-radius: 0px;
+ }
+
+ }
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..a59ffbb
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,114 @@
+ body {
+ background-color: rgb(218, 152, 0);
+ font-family: "Open Sans", Arial;
+ }
+
+ form {
+ line-height: 27px;
+ }
+
+ h2 {
+ font-size: 20px;
+ }
+
+ input[type="text"],
+ input[type="number"] {
+ min-height: 15px;
+ border-radius: 5px;
+ border: 1px solid #cccccc;
+ }
+
+ input[type="radio"] {
+ margin-left: 12px;
+ }
+
+ #main {
+ align-items: center;
+ text-align: center;
+ margin: 2% 10%;
+ border-bottom: #dadada solid 3px;
+ height: 60vh;
+ overflow: hidden;
+ background: #f5f5f5;
+ -webkit-box-shadow: 5px 5px 15px rgba(20, 20, 20, 0.5);
+ box-shadow: 5px 5px 15px rgba(20, 20, 20, 0.5);
+ border-radius: 35px;
+ }
+
+ #story {
+ padding: 0 3%;
+ }
+
+ #top {
+ background-color: rgb(255, 255, 255);
+ margin: 2% 10%;
+ border-radius: 35px;
+ }
+
+ #top img {
+ display: block;
+ width: 45%;
+ margin: 0 auto;
+ }
+
+ .italics {
+ font-style: italic;
+ }
+
+ .word {
+ font-weight: bold;
+ text-decoration: underline;
+ }
+
+ .input {
+ margin: auto;
+ }
+
+ #input-field {
+ margin: 1vh auto;
+ width: 30%;
+ border-radius: 25px;
+ border: none;
+ box-shadow: 5px 5px 15px rgba(186, 126, 126, 0.5);
+ font-size: 25px;
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ color: rgb(34, 34, 34);
+ padding: 10px;
+ text-align: center;
+ }
+
+ .container {
+ margin: 10% auto;
+ }
+
+ .heading {
+ color: #4D4D4D;
+ margin: 5vh auto;
+ font-size: 60px;
+ font-family: open Sans;
+ }
+
+ .subheading {
+ color: #302c2cd0;
+ margin-top: 7vh;
+ margin-bottom: 5px;
+ font-size: 25px;
+ font-family: open Sans;
+ }
+
+ .submit-btn {
+ width: 15vh;
+ height: 5vh;
+ margin-top: 0.8vh;
+ color: rgb(255, 255, 255);
+ border-radius: 5px;
+ padding: 10px 25px;
+ position: relative;
+ box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);
+ outline: none;
+ background-color: #f16e02;
+ padding: 0;
+ border: none;
+ font-size: 25px;
+ font-family: 'Lato', sans-serif;
+ }
\ No newline at end of file
diff --git a/main.html b/main.html
index daa6aba..1db35e3 100644
--- a/main.html
+++ b/main.html
@@ -6,124 +6,8 @@
Web Based VA
+
-
-
diff --git a/sin.html b/sin.html
index c0554bc..dfd8307 100644
--- a/sin.html
+++ b/sin.html
@@ -1,116 +1,7 @@
-
-
+