diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 0000000..953d855
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,15 @@
+{
+    // Use o IntelliSense para saber mais sobre os atributos possíveis.
+    // Focalizar para exibir as descrições dos atributos existentes.
+    // Para obter mais informações, acesse: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "pwa-chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:8080",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}
\ No newline at end of file
diff --git a/formulario.css b/formulario.css
index ae2f65f..2ef1163 100644
--- a/formulario.css
+++ b/formulario.css
@@ -32,7 +32,7 @@ body{
     background-color: #F0F8FF;
     font-family: sans-serif;
     font-size: 1em;
-    color: #59429d;
+    color: #380B61;
     margin-left: 36%;
     margin-top: 2%;
     justify-content: center;
@@ -42,7 +42,7 @@ body{
 input, select, textarea, button {
     font-family: sans-serif;
     font-size: 1em;
-    color: #59429d;
+    color: #000000;
     border-radius: 5px;
 }
 
@@ -64,7 +64,7 @@ input, select, textarea, button {
 /* Elementos de classe "campo" de tag <label> */
 .campo label {
     margin-bottom: 0.2em;
-    color: #59429d;
+    color: #2c0b8a;
     display: block;
 }
 
@@ -77,7 +77,7 @@ fieldset.grupo .campo {
 /* Elementos de classe "campo" das tags <input> com atributo text e email, da tag <select> e da tag <textarea>*/
 .campo input[type="text"], .campo input[type="email"], .campo select, .campo textarea {
     padding: 0.2em;
-    border: 1px solid #59429d;
+    border: 1px solid #000000;
     box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
     display: block;
 }
@@ -89,13 +89,13 @@ fieldset.grupo .campo {
 
 /* Elemento de classe "campo" com tag <input>, <select> e <textarea> tocas com estado da pseudoclasse "focus"*/
 .campo input:focus, .campo select:focus, .campo textarea:focus {
-    background: #E0E0F8;
+    background: #ffffff;
 }
 
 /* Elemento de classe "botao" */
 .botao {
     font-size: 1.2em;
-    background: #59429d;
+    background: #0303039f;
     border: 0;
     margin-bottom: 1em;
     color: #ffffff;
@@ -111,7 +111,7 @@ fieldset.grupo .campo {
 
 /* Elemento de classe "botao" com o estado da pseudoclasse "hover" */
 .botao:hover {
-    background: #CCBBFF;
+    background: #ca0c0c;
     box-shadow: inset 2px 2px 2px rgba(0,0,0,0.2);
     text-shadow: none;
 }
diff --git a/formulario.html b/formulario.html
index cf1c14c..6934c1c 100644
--- a/formulario.html
+++ b/formulario.html
@@ -48,15 +48,12 @@ <h1 id="titulo">Cadastro de DEVs</h1>
             <!-- Campo de desenvolvimento web com 3 opções de botões selecionáveis (radio button) e css de classe "campo" -->
             <div class="campo">
                 <label><strong>De qual lado da aplicação você desenvolve?</strong></label>
-                <label>
-                    <input type="radio" name="devweb" value="frontend" checked>Front-end
-                </label>
-                <label>
-                    <input type="radio" name="devweb" value="backend">Back-end
-                </label>
-                <label>
-                    <input type="radio" name="devweb" value="fullstack">Fullstack
-                </label>
+                <select id="De qual lado da aplicação você desenvolve" required>
+                  <option selected disabled value="">Selecione</option>
+                  <option>Front-end</option>
+                  <option>back-end</option>
+                  <option>Fullstack</option>
+                </select>
             </div>
 
             <!-- Campo de senioridade com 3 opções para escolha (select option) e css de classe "campo" -->