diff --git "a/cap\303\255tulos/formul\303\241rios/input_range.html" "b/cap\303\255tulos/formul\303\241rios/input_range.html"
index ec58342..a8d1ffa 100644
--- "a/cap\303\255tulos/formul\303\241rios/input_range.html"
+++ "b/cap\303\255tulos/formul\303\241rios/input_range.html"
@@ -3,22 +3,36 @@
 <head>
     <meta charset="UTF-8">
     <title>input range</title>
+    <link rel="stylesheet" type="text/css" href="main.css">
 </head>
 <body>
-<h1>input range</h1>
-<h2>Para que serve o input range? 🤔</h2>
-<p>Ele define um valor dentro de um intervalo que geralmente não é importante, pois é mais utilizado para fazer
-    controles deslizantes.</p>
-<p>O valor padrão do intervalo vai de 0 a 100.</p>
-<p>Veja um exemplo a seguir: </p>
-<form>
-  <label for="vol">Controle (entre 0 e 5):</label>
-  <input type="range" id="vol" name="vol" min="0" max="5">
-</form>
-<p>Existem duas tags que se colocam dentro do input para definir o intervalo dos números no controle: </p>
-<ul>
-	<li><b>min=" "</b> - Para o menor número</li>
-	<li><b>max=" "</b> - Para o maior número</li>
-</ul>
+    <div class="texto">
+        <h1>input range</h1>
+        <h2>Para que serve o input range? 🤔🤠</h2>
+        <p>Ele define um valor dentro de um intervalo que geralmente não é importante, pois é mais utilizado para fazer
+            controles deslizantes.</p>
+        <p>O valor padrão do intervalo vai de 0 a 100.</p>
+        <p>Veja um exemplo a seguir: </p>
+        <form>
+          <label for="vol">Controle (entre 0 e 5):</label>
+          <input type="range" id="vol" name="vol" min="0" max="5" onchange="trocou_valor()">
+        </form>
+        <p>Existem duas tags que se colocam dentro do input para definir o intervalo dos números no controle: </p>
+        <ul>
+        	<li><b>min=" "</b> - Para o menor número</li>
+        	<li><b>max=" "</b> - Para o maior número</li>
+        </ul>
+        <p id="resposta"></p>
+    </div>
 </body>
+<script type="text/javascript">
+    function trocou_valor() {
+        let valor = document.getElementById('vol').value;
+        document.getElementById('resposta').innerText = 'ronaldo: ' + valor;
+        alert(document.getElementById('vol'))
+    }
+    
+/* aaaaaa */
+
+</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..57971c3 100644
--- "a/cap\303\255tulos/formul\303\241rios/main.css"
+++ "b/cap\303\255tulos/formul\303\241rios/main.css"
@@ -1,35 +1,19 @@
-/* se aplica a todos os elementos que não foram especificados abaixo */
-.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 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;
-}
-
-body {
-    background-color: #FFFFFF;
+body{
+    background-color: rgb(133, 97, 254);
     margin-top: 0;
     margin-bottom: 0;
+    margin-right: 200px;
+    margin-left: 200px;
 }
 
-.white-background {
+.texto{
     background-color: white;
     height: 100vh;
     padding-left: 30px;
     padding-right: 30px;
-}
\ No newline at end of file
+}
+
