style mobal updt

Pendente

@@ -0,0 +1 @@
+start, reset: add display none, block na barra de rolagem e no marcador

style.css

@@ -30,12 +30,15 @@ body {
     overflow: hidden;
     background-color: black; */
 
-
+* {
+  margin: 0;
+  padding: 0;
+}
 #pai {
   width: 60%;
   margin: 10px auto;
   height: 98vh;
-
+  
 }
 #paragraph {
     position: relative;
@@ -66,6 +69,7 @@ header {
 #ler {
     margin: 20px 0;
     width: 80%;
+    height: 30px;
 }
 #start{
   position: absolute;
@@ -279,11 +283,17 @@ body {
       }
 
 @media (max-width: 768px) {
+  * {
+    margin: 0;
+    padding: 0;
+
+  }
     body {
-      width: 100vw;
-      height: 100vh;
+      width: 94vw;
+      height: 94vh;
         padding: 0px;
         overflow: hidden;
+
 
     }
 
@@ -295,7 +305,8 @@ body {
     #ler {
       z-index: 4;
         width: 80%; /* O input ocupa toda a largura no celular */
-        font-size: 14px; /* Fonte menor em telas menores */
+        height: 40px;
+        font-size: 22px; /* Fonte menor em telas menores */
         padding: 10px;
     }
 
@@ -363,28 +374,31 @@ body {
         left: 60%;
       }
       #pai {
-  width: 90%;
-  height: 82vh;
+   margin-top: 20px;     
+  width: 95%;
+  height: 88vh;
 
 
 }
     #paragraph {
       /*max-height: calc(88vh - 40px);*/
       z-index: 2;
-        width: 95%; /* O parágrafo se ajusta à largura da tela */
+        width: 100%; /* O parágrafose ajusta à largura da tela */
      /*   font-size: 14px;  Fonte um pouco menor para celular */
   /* Reduz a altura para celulares */
+  margin: auto;
 
     }
     .highlight{
       z-index: -1;
         width: 95%;
-        top: 10px;
+        top: 20px;
     }
     #setting{
   position: fixed;
   left: 90%;
   top: 0;
+  z-index: 4;
   border-radius: 50%;
 
 }