final changes

index.html

@@ -9,8 +9,8 @@
     <!-- Above the fold styles -->
     <style></style>
     <!-- Non blocking styles -->
-    <link rel="preload" href="styles.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
-    <noscript><link rel="stylesheet" href="styles.css"></noscript>
+    <link rel="preload" href="style.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
+    <noscript><link rel="stylesheet" href="style.css"></noscript>
     
     <!-- PWA stuff -->
     <link rel="manifest" href="manifest.json">
@@ -33,15 +33,15 @@
         <section class ="wrapper">
             <div class ="name">
                 <label for="name"><b>Nome</b></label>
-                <input type="nome" placeholder="Digite seu nome" name="nome" class="required">
+                <input placeholder="Digite seu nome" name="nome" class="required">
             </div>
             <div>
                 <label for="cpf"><b>CPF</b> <span>inválido</span></label>
-                <input onkeydown="cpfMask()" maxlength="14" type="text" placeholder="Digite seu cpf" id="cpf"class="required">
+                <input onkeydown="cpfMask()" maxlength="14" placeholder="Digite seu cpf" id="cpf"class="required">
             </div>
             <div>
                 <label for="rg"><b>RG</b></label>
-                <input type="nome" placeholder="Digite seu RG" name="rg">
+                <input  placeholder="Digite seu RG" name="rg">
             </div>
             <div>
                 <label for="sexo"><b>Sexo</b></label>
@@ -54,38 +54,38 @@
             </div>
             <div>
                 <label for="cep"><b>CEP</b></label>
-                <input type="text" placeholder="Digite seu CEP" name="cep" onblur="searchCep(this.value)">
+                <input placeholder="Digite seu CEP" name="cep" onblur="searchCep(this.value)">
             </div>
             <div>
                 <label for="endereco"><b>Endereço</b></label>
-                <input type="text" placeholder="Digite seu endereço" name="endereco" class="required" id="endereco">
+                <input  placeholder="Digite seu endereço" name="endereco" class="required" id="endereco">
             </div>
             <div>
                 <label for="numero"><b>Número</b></label>
-                <input type="text" placeholder="Digite o número" name="numero" class="required w100">
+                <input placeholder="Digite o número" class="required">
             </div>
             <div>
                 <label for="bairro"><b>Bairro</b></label>
-                <input type="nome" placeholder="Digite seu bairro" name="bairro" id="bairro">
+                <input placeholder="Digite seu bairro" id="bairro">
             </div>
             <div>
                 <label for="cidade"><b>Cidade</b></label>
-                <input type="nome" placeholder="Digite sua cidade" name="cidade" id="cidade">
+                <input placeholder="Digite sua cidade" id="cidade">
             </div>
             <div>
                 <label for="estado"><b>Estado</b></label>
-                <input type="text" placeholder="Digite seu estado" name="estado" id="estado" class="w100">
+                <input placeholder="Digite seu estado" id="estado">
             </div>
             <div>
                 <label for="fixo"><b>Telefone fixo</b></label>
-                <input type="text" placeholder="Digite o número do seu fixo" name="fixo">
+                <input placeholder="Digite o número do seu fixo" name="fixo">
             </div>
             <div>
                 <label for="celular"><b>Telefone celular</b></label>
-                <input onkeydown="phoneMask()" type="text" placeholder="Digite número do celular" maxlength="15"id="celular" class="required">
+                <input onkeydown="phoneMask()" placeholder="Digite número do celular" maxlength="15"id="celular" class="required">
             </div>
             <div>
-                <button onclick="return validate()" type="submit" class="signupbtn">Enviar</button>
+                <button onclick="return validate()" type="submit">Enviar</button>
 
             </div>
 
@@ -96,6 +96,6 @@
     </footer>
     
 <!-- Assync scripts -->
-<script type="text/javascript" src="scripts.js" async></script>
+<script type="text/javascript" src="script.js" async></script>
 </body>
 </html>

script.js

@@ -1,12 +1,5 @@
 'use strict';
 
-window.onload = () => {
-    if ('serviceWorker' in navigator) {
-        navigator.serviceWorker.register('./sw.js');
-        console.info('serviceWorker loaded!');
-    }
-}
-
 var formulario = {};
 (function(formulario){
     formulario.cpf = document.getElementById('cpf');

style.css

@@ -94,7 +94,6 @@ button {
 span {
     display: none;
     position: relative;
-    
     color: red;
 }
 
@@ -119,15 +118,11 @@ select:focus{
     border: 0;
     overflow:hidden;
 }
-[data-slots] { font-family: 'signika', sans-serif }
 
 @media only screen and (max-width: 700px) {
     .wrapper { 
         display: block;
     }
-    input,select{
-        width: 100%;
-    }
     .container{
         width: 85%;
     }