diff --git a/Certified_Full_Stack_Developer/CSS/Job_Aplication_Form/index.html b/Certified_Full_Stack_Developer/CSS/Job_Aplication_Form/index.html
index 8fd7371..a42abf7 100644
--- a/Certified_Full_Stack_Developer/CSS/Job_Aplication_Form/index.html
+++ b/Certified_Full_Stack_Developer/CSS/Job_Aplication_Form/index.html
@@ -8,10 +8,25 @@
 </head>
 <body>
     <div class="container">
-        <form>
-            <input type="text" id="name">
-            <input type="email" id="email">
-            <select name="position" id="position"></select>
+        <form id="job-application">
+            <label for="name">Full Name:</label>
+                <input type="text" id="name">
+                <label for="email">email:</label>
+                <input type="email" id="email">
+                <select name="position" id="position" required>
+                    <option value="">select position</option>
+                    <option value="Guinea-pig">Guinea pig</option>
+                    <option value="test-subject">Guinea pig</option>
+                </select>
+                <fieldset class="radio-group">
+                    <legend>Availability:</legend>
+                        <input type="radio" id="fullTime" name="availability" value="fullTime" checked="">
+                        <label for="fullTime">Full-Time</label>
+                        <input type="radio" id="partTime" name="availability" value="partTime">
+                        <label for="partTime">Part-Time</label>
+                </fieldset>
+                <textarea name="" id="message"></textarea>
+                <button type="submit">Submit!</button>
         </form>
     </div>
 </body>
diff --git a/Certified_Full_Stack_Developer/CSS/Job_Aplication_Form/styles.css b/Certified_Full_Stack_Developer/CSS/Job_Aplication_Form/styles.css
index e69de29..455c02d 100644
--- a/Certified_Full_Stack_Developer/CSS/Job_Aplication_Form/styles.css
+++ b/Certified_Full_Stack_Developer/CSS/Job_Aplication_Form/styles.css
@@ -0,0 +1,84 @@
+body {
+    background-color: white;
+}
+
+.container {
+    max-width: 600px;
+    margin: 0 auto;
+    background-color: white;
+    padding: 20px;
+    border-radius: 8px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+input{
+    border: 1px;
+    border-style: dashed;
+}
+
+input:focus, textarea:focus {
+    border-color: blueviolet;
+}
+
+input:invalid, select:invalid, textarea:invalid {
+    border-color: red;
+}
+
+input:valid, select:valid, textarea:valid {
+    border-color: green;
+}
+button:hover {
+    background-color: aliceblue;
+}
+.radio-group label {
+    margin: 0;
+    font-weight: normal;
+    cursor: pointer;
+}
+
+button {
+    width: 100%;
+    padding: 10px;
+    background-color: green;
+    border: none;
+    color: white;
+    border-radius: 4px;
+    font-size: 16px;
+    cursor: pointer;
+}
+
+input:focus, textarea:focus {
+    border-color: blue;
+    outline: none;
+}
+
+input:invalid, select:invalid, textarea:invalid {
+    border-color: red;
+}
+
+input:valid, select:valid, textarea:valid {
+    border-color: green;
+}
+
+.radio-group input[type="radio"]:checked {
+    border-color: green;
+    background-color: green;
+    box-shadow: inset 0 0 0 4px white;
+}
+
+button:hover {
+    background-color: black;
+}
+
+input[type="radio"]:checked + label {
+    color: green;
+}
+
+button:disabled {
+    background-color: grey;
+}
+
+input:first-of-type {
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+}
