Add files via upload

dylaNick · Oct 25, 2024 · b33ee57 · b33ee57
1 parent 64c6be3
commit b33ee57
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 23 deletions.
diff --git a/idex.html b/idex.html
@@ -14,7  14,15 @@
 </head>
 <body>
 
-    <div class="area" >
     <header class="cabecalho">
 
         <div class="logoo">
             <img class="logo" src="logoo.png" alt="logo shark-wiki">
         </div>
 
     </header>
 
         <div class="area">
         <ul class="circles">
                 <li></li>
                 <li></li>
@@ -27,28  35,40 @@
                 <li></li>
                 <li></li>
         </ul>
-    </div >
 
-    <header class="cabecalho">
 
-        <div class="logoo">
-            <img class="logo" src="logoo.png" alt="logo shark-wiki">
-        </div>
-
-    </header>
-
-    <h1 class="tata">VOCÊ SABIA?</h1>
     <h1 class="voce-sabia">VOCÊ SABIA?</h1>
 
 
-        <div class="voce-sabia">
         <div class="tuba">
                <p class="textoo">
                    Os tubarões são animais que, geralmente, apresentam grande porte. Algumas espécies podem alcançar até 20 m de comprimento. Seu corpo é fusiforme, sua pele, áspera e resistente, é recoberta por escamas placoides, cujas formas e distribuição aumentam a eficiência da natação – fato que os auxilia na busca por suas presas. São cerca de 480 espécies de tubarão no planeta. Destas, quase 90 já foram flagradas na costa brasileira.
                </p>
         </div>
 
         <section class="tipos">
 
     <h2 class="tipos">50 ESPÉCIES QUE EXISTEM NO MUNDO</h2>
 
-
     <p>olaaaa</p>
     <p>olaaaa</p>
     <p>olaaaa</p>
     <p>olaaaa</p>
     <p>olaaaa</p>
     <p>olaaaa</p>
     <p>olaaaa</p>
     <p>olaaaa</p>
     <p>olaaaa</p>
     <p>olaaaa</p>
     <p>olaaaa</p>
     <p>olaaaa</p>
     <p>olaaaa</p>
     <p>olaaaa</p>
     <p>olaaaa</p>
 
 
         </section>
     </div>
 
 </body>
 </html>
diff --git a/style.css b/style.css
@@ -26,7  26,7 @@
     text-align: center;
    }
 
-   .voce-sabia{
    .tuba{
       width: 1000px;
       height: 400px;
       border: 1px solid #000000;
@@ -43,7  43,7 @@
       margin: auto;
    }
 
-   .tata{
    .voce-sabia{
     text-align: center;
     font-family: hammersmith one;
     font-size: 100px;
@@ -57,7  57,7 @@
     font-family: hammersmith one;
     font-size: 100px;
     padding: 10px;
-    color: #d7e7f5;
     color: #8995a0;
     opacity: 60%;
    }
 
@@ -68,11  68,6 @@
     padding: 0px;
 }
 
-body{
-    font-family: 'Exo', sans-serif;
-}
-
-
 .context {
     width: 100%;
     position: absolute;
@@ -87,12  82,13 @@ body{
 }
 
 
-body{
-    background-image: linear-gradient(to bottom, #8099b4, #192427);
 html, body{
     background: -webkit-linear-gradient(to left, #c4c5db, #8d8fad);  
     width: 100%;
     height:100vh;
-
     font-family: 'Exo', sans-serif;
     position: absolute;
     background-repeat: no-repeat;
 }