PROJETO CONCLUIDO

Author: almasob

README.MD

@@ -1,13 +1,16 @@
 <h1>CriptoDataS</h1>
 
-<h2>Status: Em desenvolvimento</h2>
+<h2>Status: Concluido</h2>
 <p>Data de início: 13/03/2023</p>
-<p>Ultima atualização: 22/03/2023</p>
+<p>Conclusão: 23/02/2023
+<p>Ultima atualização: 23/03/2023</p>
+
+<img src='assets/projeto.png' alt='PROJETO' style="width:500px">
 
 <h2>Descrição</h2>
 <p>Projeto pessoal, onde será possível analisar informações de criptomoedas</p>
 <p>Os dados coletados, serão atualizados em tempo real, obtidos através da API https://www.mercadobitcoin.com.br/api-doc/</p>
-
+https://icons8.com.br/icon/pIPl8tqh3igN/selecionado
 <h2>Funcionalidades</h2>
 <ul>
 	<li>Você poderá escolher dois tipos de criptomoedas</li>

assets/projeto.png

@@ -2,6 +2,8 @@
     --font-padrao:'Bad Script', cursive;
     --font-money: 'Inconsolata', monospace;
     --font-titulo:'Rubik Iso', cursive;
+    --size-ph-selm:1.3rem;
+    --size-h-titulo:2.7rem;
 }
 
 body{
@@ -15,14 +17,14 @@ header{
     color: rgb(0, 52, 121);
     height: 15%;
     font-family: var(--font-padrao);
-    font-size: 1.3rem;
+    font-size: var(--size-ph-selm);
     font-weight: bolder;
     text-align: center;
     text-shadow:2px 2px 4px rgb(0, 52, 121);;
 }
 
 #h_titulo{
-    font-size: 2.7rem;
+    font-size: var(--size-h-titulo);
     margin-bottom: 10px;
     font-family: var(--font-titulo);
 }
@@ -67,7 +69,7 @@ main{
     color: rgb(0, 52, 121);
     font-family: var(--font-padrao);
     font-weight: bold;
-    font-size: 1.2rem;
+    font-size: var(--size-ph-selm);
     text-align: center;
 }
 
@@ -108,4 +110,40 @@ footer{
    letter-spacing: 1px;
    padding-top: 2px;
    text-align: center;
+}
+
+@media screen and (min-width:480px){
+
+    :root{
+        --size-ph-selm: 1.5rem;
+        --size-h-titulo: 3rem;
+    }
+}
+
+@media screen and (min-width:768px) {
+    :root{
+        --size-ph-selm: 1.5rem;
+        --size-h-titulo: 3.5rem;
+    }
+    
+    main{
+        width: 800px;
+        margin: auto;
+    }
+    .moeda_dados{
+        font-size: 1.3rem;
+        gap:12px;
+    }
+
+    #descricao_card{
+        font-size: .9rem;
+    }
+
+    #descricao_card p{
+        margin-top: 5px;
+    }
+
+
+
+
 }