diff --git "a/cap\303\255tulos/formul\303\241rios/input_file.html" "b/cap\303\255tulos/formul\303\241rios/input_file.html"
index 6e4551d..3930733 100644
--- "a/cap\303\255tulos/formul\303\241rios/input_file.html"
+++ "b/cap\303\255tulos/formul\303\241rios/input_file.html"
@@ -3,23 +3,37 @@
 <head>
     <meta charset="UTF-8">
     <title>input file</title>
+    <link rel="stylesheet" type="text/css" href="main.css">
 </head>
-<body>
-	<h1>input file</h1>
+<div class="white-background">
+<body class="center">
+<h1>input file</h1>
 
-	<p>Um formulário HTML é usado para coletar entrada do usuário, sendo esta frequentemente enviada à um servidor para
-		processamento.
-	</p>
-	<p>Veja o tipo "Input File"</p>
-	<p>
-		O arquivo de tipo de entrada define um campo de seleção de arquivo e um botão "Procurar" para uploads de arquivos.
-	</p>
-	<p>Veja no exemplo a seguir:</p>
-	<form>
-		<label for="myfile">Selecione o arquivo:</label>
-		<input type="file" id="myfile" name="myfile"><br/>
-		<input type="submit" value="submit">
-	</form>
+<p>Um formulário HTML é usado para coletar entrada do usuário, sendo esta frequentemente enviada à um servidor para
+processamento.
+</p>
+<p>Veja o tipo "Input File"</p>
+<p>
+O arquivo de tipo de entrada define um campo de seleção de arquivo e um botão "Procurar" para uploads de arquivos.
+</p>
+<p>Veja no exemplo a seguir:</p>
+<form>
+<label for="myfile">Selecione o arquivo:</label>
+<input type="file" id="myfile" name="myfile"><br/>
+<input type="submit" value="submit" onclick="janela()">
 
+</form>
+</div>
 </body>
+
+<script type="text/javascript">
+function janela(){
+window.alert('funciona desgraça')
+}
+window.onclick = myFunction;
+function myFunction() {
+  document.getElementsByTagName("BODY")[0].style.backgroundColor = "yellow";
+}
+</script>
+
 </html>
\ No newline at end of file
diff --git "a/cap\303\255tulos/formul\303\241rios/main.css" "b/cap\303\255tulos/formul\303\241rios/main.css"
index 870340c..2e8f085 100644
--- "a/cap\303\255tulos/formul\303\241rios/main.css"
+++ "b/cap\303\255tulos/formul\303\241rios/main.css"
@@ -1,35 +1,36 @@
 /* se aplica a todos os elementos que não foram especificados abaixo */
-.center {
-    margin: auto;
-    width: 50%;
-}
+        .center {
+            margin: auto;
+            width: 50%;
+        }
 
-/* se aplica apenas a títulos h1 com a classe centro */
-h1.center {
-    text-align: center;
-}
+        /* se aplica apenas a títulos h1 com a classe centro */
+        h1.center {
+            text-align: center;
+        }
 
-/* se aplica apenas a parágrafos com a classe centro */
-p.center {
-    text-align: center;
-}
+        /* se aplica apenas a parágrafos com a classe centro */
+        p.center {
+            text-align: center;
+        }
 
-/* se aplica apenas a imagens com a classe centro */
-img.center {
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-}
+        /* se aplica apenas a imagens com a classe centro */
+        img.center {
+            display: block;
+            margin-left: auto;
+            margin-right: auto;
+        }
 
-body {
-    background-color: #FFFFFF;
-    margin-top: 0;
-    margin-bottom: 0;
-}
+        body {
+            background-color: rgb(133, 97, 254);
+            margin-top: 0;
+            margin-bottom: 0;
 
-.white-background {
-    background-color: white;
-    height: 100vh;
-    padding-left: 30px;
-    padding-right: 30px;
-}
\ No newline at end of file
+        }
+
+        .white-background {
+            background-color: white;
+            height: 100vh;
+            padding-left: 30px;
+            padding-right: 30px;
+        }
