styling and started login page

998681f3 · WiljamiT · 38cdd012 · 998681f3 · 38cdd012 · 998681f3
Commit 998681f3 authored 2 years ago by WiljamiT
--- a/img/BNB_ALL_graph_coinmarketcap.png
+++ b/img/BNB_ALL_graph_coinmarketcap.png
--- a/img/BTC_ALL_graph_coinmarketcap.jpg
+++ b/img/BTC_ALL_graph_coinmarketcap.jpg
--- a/img/BTC_ALL_graph_coinmarketcap.png
+++ b/img/BTC_ALL_graph_coinmarketcap.png
--- a/img/ETH_ALL_graph_coinmarketcap.png
+++ b/img/ETH_ALL_graph_coinmarketcap.png
--- a/img/USDC_ALL_graph_coinmarketcap.png
+++ b/img/USDC_ALL_graph_coinmarketcap.png
--- a/img/USDT_ALL_graph_coinmarketcap.png
+++ b/img/USDT_ALL_graph_coinmarketcap.png
--- a/index.html
+++ b/index.html
@@ -12,14 +12,14 @@
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet"> 
    <script src="script.js"></script> 
 </head>
-<body">
+<body>
    <header>
        <!-- Header pic: QuoteInspector.com | Tekijänoikeus: QuoteInspector.com Tekijänoikeus: © 2018 QuoteInspector.com -->
        <nav class="nav-lg">
            <img src="./img/logos/astronomy-planet-rings-svgrepo-com.svg" alt="svg-logo-nav" />

                <a>Main</a>
-                <a>Login</a>
+                <a href="indexLogin.html">Login</a>
                <a>About</a>
            

@@ -42,14 +42,14 @@
        <figure class="mid">
            <h1>Cryptocurrency</h1>
            <img src="./img/Cryptocurrency-in-use-148100-pixahive.jpg" />
-            <p>is a digital currency designed to work as a medium of exchange through a computer network that is not reliant on any central authority, such as a government or bank, to uphold or maintain it. It is a decentralized system for verifying that the parties to a transaction have the money they claim to have, eliminating the need for traditional intermediaries, such as banks, when funds are being transferred between two entities.</p>
+            <p>Is a digital currency designed to work as a medium of exchange through a computer network that is not reliant on any central authority, such as a government or bank, to uphold or maintain it. It is a decentralized system for verifying that the parties to a transaction have the money they claim to have, eliminating the need for traditional intermediaries, such as banks, when funds are being transferred between two entities.</p>
        </figure>
    </article>

    <article class="secondArticle">
        
    
-    <h1>Top 5 (Biggest)</h1>
+    <h1>Top 5 (Biggest | Market Cap)</h1>
    
        <figure class="left">
        
@@ -63,9 +63,11 @@
                        <p>Created in 2009 by Satoshi Nakamoto, Bitcoin (BTC) is the original cryptocurrency. As with most cryptocurrencies, BTC runs on a blockchain, or a ledger logging transactions distributed across a network of thousands of computers. Because additions to the distributed ledgers must be verified by solving a cryptographic puzzle, a process called proof of work, Bitcoin is kept secure and safe from fraudsters.</p>
                    </div>

-                    <div>
-                        <img src="./img/BTC_ALL_graph_coinmarketcap.jpg" />
+                    <div class="imgContainer">
+                        <img src="./img/BTC_ALL_graph_coinmarketcap.png" />
+                        <p>Kuva: <a href="https://coinmarketcap.com/currencies/bitcoin/">Coinmarketcap</a></p>
                    </div>
+                    
                </div>

                <div class="container">
@@ -75,8 +77,9 @@
                        <p>Both a cryptocurrency and a blockchain platform, Ethereum is a favorite of program developers because of its potential applications, like so-called smart contracts that automatically execute when conditions are met and non-fungible tokens (NFTs).</p>
                        </div>

-                        <div>
-                                <img src="./img/BTC_ALL_graph_coinmarketcap.jpg" />
+                        <div class="imgContainer">
+                                <img src="./img/ETH_ALL_graph_coinmarketcap.png" />
+                                <p>Kuva: <a href="https://coinmarketcap.com/currencies/ethereum/">Coinmarketcap</a></p>
                            </div>
                </div>

@@ -87,8 +90,9 @@
                <h3>Market cap: $65.5 billion</h3>
                <p>Unlike some other forms of cryptocurrency, Tether (USDT) is a stablecoin, meaning it’s backed by fiat currencies like U.S. dollars and the Euro and hypothetically keeps a value equal to one of those denominations. In theory, this means Tether’s value is supposed to be more consistent than other cryptocurrencies, and it’s favored by investors who are wary of the extreme volatility of other coins.</p>
                </div>
-                <div>
-                        <img src="./img/BTC_ALL_graph_coinmarketcap.jpg" />
+                <div class="imgContainer">
+                        <img src="./img/USDT_ALL_graph_coinmarketcap.png" />
+                        <p>Kuva: <a href="https://coinmarketcap.com/currencies/tether/">Coinmarketcap</a></p>
                    
                </div>
                </div>
@@ -100,8 +104,9 @@
                <p>Like Tether, USD Coin (USDC) is a stablecoin, meaning it’s backed by U.S. dollars and aims for a 1 USD to 1 USDC ratio. USDC is powered by Ethereum, and you can use USD Coin to complete global transactions.</p>
               </div>
               
-                <div>
-                    <img src="./img/BTC_ALL_graph_coinmarketcap.jpg" />
+               <div class="imgContainer">
+                    <img src="./img/USDC_ALL_graph_coinmarketcap.png" />
+                    <p>Kuva: <a href="https://coinmarketcap.com/currencies/usd-coin/">Coinmarketcap</a></p>
                </div>
                </div>

@@ -112,8 +117,9 @@
                <p>Binance Coin (BNB) is a form of cryptocurrency that you can use to trade and pay fees on Binance, one of the largest crypto exchanges in the world. Since its launch in 2017, Binance Coin has expanded past merely facilitating trades on Binance’s exchange platform. Now, it can be used for trading, payment processing or even booking travel arrangements. It can also be traded or exchanged for other forms of cryptocurrency, such as Ethereum or Bitcoin.</p>
                </div>

-                <div>
-                    <img src="./img/BTC_ALL_graph_coinmarketcap.jpg" />
+                <div class="imgContainer">
+                    <img src="./img/BNB_ALL_graph_coinmarketcap.png" />
+                    <p>Kuva: <a href="https://coinmarketcap.com/currencies/bnb/">Coinmarketcap</a></p>
                </div>
                </div>

@@ -124,6 +130,14 @@

    </article>

+    <article class="thirdArticle">
+        <figure class="mid">
+            <h1>NFT</h1>
+
+            <p>asd</p>
+        </figure>
+    </article>
+
    <footer>
        <div class="left">
            <svg width="125px" height="125px" viewBox="0 0 512 512" id="icon" xmlns="http://www.w3.org/2000/svg">

--- a/indexLogin.html
+++ b/indexLogin.html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="generator" content="GitLab Pages">
+    <title>Document</title>
+    <link rel="stylesheet" href="styles/styles.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet"> 
+    <script src="script.js"></script> 
+</head>
+<body>
+    <header>
+        <!-- Header pic: QuoteInspector.com | Tekijänoikeus: QuoteInspector.com Tekijänoikeus: © 2018 QuoteInspector.com -->
+        <nav class="nav-lg">
+            <img src="./img/logos/astronomy-planet-rings-svgrepo-com.svg" alt="svg-logo-nav" />
+
+                <a>Main</a>
+                <a>Login</a>
+                <a>About</a>
+            
+
+            <div class="all-btn">
+                <div class="menu-btn-1" onclick="menuBtnFunction(this)">
+                    <span></span>
+                </div>
+            </div>
+
+        </nav>
+
+        <nav id="dropdown-content" class="dropdown-content">
+            <a class="1">Login</a>
+            <a class="2">Main</a>
+            <a class="3">About</a>
+        </nav>
+    </header>
+
+        <article class="firstArticle">
+            <figure class="mid">
+                <h1>Cryptocurrency</h1>
+                <div class="form">
+                    <h2>Login</h2>
+                    
+                    <label for="username">userame</label>
+                    <input placeholder="username" />
+                    <label for="username">password</label>
+                    <input placeholder="********" />
+                    <button>Login</button>
+                
+                    <p>Or sign up using</p>
+
+                    <div class="logos">
+                        <img src="img/logos/facebook-svgrepo-com.svg" />
+                        <img src="img/logos/facebook-svgrepo-com.svg" />
+                        <img src="img/logos/facebook-svgrepo-com.svg" />
+                    </div>
+
+                    <p>Or sign up using</p>
+                    <a>Login</a>
+
+                </div>
+            </figure>
+        </article>
+
+    
+
+    
+
+    
+
+    <footer>
+        <div class="left">
+            <svg width="125px" height="125px" viewBox="0 0 512 512" id="icon" xmlns="http://www.w3.org/2000/svg">
+                <title/>
+                <path d="M419.54,242.6a51.9,51.9,0,0,1,11.15,32.32v52.17a5.59,5.59,0,1,0,11.17,0V274.92a62.94,62.94,0,0,0-13.53-39.21,5.58,5.58,0,1,0-8.79,6.89Z"/>
+                <path d="M77.27,330.35a5.58,5.58,0,0,0,5.59-5.58V274.92a52.3,52.3,0,0,1,13.22-34.8,5.59,5.59,0,1,0-8.35-7.42,63.45,63.45,0,0,0-16,42.22v49.85A5.58,5.58,0,0,0,77.27,330.35Z"/>
+                <path d="M102.87,218.43a35.43,35.43,0,0,0,11.57,11.44,5.58,5.58,0,1,0,5.81-9.54,24.29,24.29,0,0,1-7.9-7.82,66.47,66.47,0,0,1-8.91-22.14A21.48,21.48,0,0,1,108.29,172a127.78,127.78,0,0,1,10.07-10.31c0,1.46-.08,2.92-.08,4.38a137.11,137.11,0,0,0,23,76.2,5.59,5.59,0,0,0,9.31-6.19,126.55,126.55,0,1,1,210.44.63,5.59,5.59,0,0,0,9.27,6.25,137.09,137.09,0,0,0,23.44-76.89c0-1.46,0-2.92-.08-4.38A127.78,127.78,0,0,1,403.71,172a21.48,21.48,0,0,1,4.85,18.39,66.47,66.47,0,0,1-8.91,22.14,23.81,23.81,0,0,1-4.92,5.67,5.59,5.59,0,0,0,7.2,8.55,35.48,35.48,0,0,0,7.2-8.3,77.74,77.74,0,0,0,10.39-25.85,32.61,32.61,0,0,0-7.34-27.89,166.5,166.5,0,0,0-20-19.06C382.31,79.34,325,28.33,256,28.33s-126.31,51-136.2,117.3a165.71,165.71,0,0,0-20,19.06,32.61,32.61,0,0,0-7.34,27.89A77.74,77.74,0,0,0,102.87,218.43Z"/>
+                <path d="M248.89,93.44a5.59,5.59,0,1,0,0-11.17H232.73a76.44,76.44,0,0,0-17.13,2l-.54.13A76.7,76.7,0,0,0,157,148.29a189.35,189.35,0,0,0-1.83,24.77c0,.5,0,1,.05,1.49v.17a62,62,0,0,0,61.6,57.08h78.4a62,62,0,0,0,61.6-57.08v-.17c0-.5.05-1,.05-1.49A189.35,189.35,0,0,0,355,148.29a76.7,76.7,0,0,0-58.09-63.94,5,5,0,0,0-.53-.12,76,76,0,0,0-17.14-2h-1.65a5.59,5.59,0,1,0,0,11.17h1.65q3,0,5.84.27L275,106.79a12.74,12.74,0,0,1-10.12,4.95H247.17a12.74,12.74,0,0,1-10.12-4.95L226.89,93.71q2.88-.27,5.84-.27Zm-20.66,20.2a23.82,23.82,0,0,0,18.94,9.28h17.66a23.82,23.82,0,0,0,18.94-9.28L297.44,96A65.47,65.47,0,0,1,344,149.8a180.89,180.89,0,0,1,1.73,23.3c0,.22,0,.43,0,.57v.21a50.79,50.79,0,0,1-50.46,46.75H216.8a50.82,50.82,0,0,1-50.47-46.88c0-.22,0-.43,0-.65A180.89,180.89,0,0,1,168,149.8,65.47,65.47,0,0,1,214.56,96Z"/>
+                <path d="M154.88,273.21a5.59,5.59,0,0,0,5.59-5.59,10.06,10.06,0,0,1,10.05-10.05h171a10.06,10.06,0,0,1,10,10.05,5.59,5.59,0,1,0,11.17,0,21.24,21.24,0,0,0-21.22-21.22h-171a21.24,21.24,0,0,0-21.22,21.22A5.58,5.58,0,0,0,154.88,273.21Z"/>
+                <path d="M196.77,139.75a5.59,5.59,0,0,0,7.67-1.87c.57-.93,1.17-1.88,1.79-2.84a5.58,5.58,0,1,0-9.36-6.09c-.69,1.05-1.34,2.1-2,3.12A5.59,5.59,0,0,0,196.77,139.75Z"/>
+                <path d="M194.33,193.87a5.59,5.59,0,1,0,6.83-8.84c-.43-.35-10.47-8.7-5.3-28a5.59,5.59,0,1,0-10.79-2.89C177.89,181,193.65,193.36,194.33,193.87Z"/>
+                <path d="M70.72,483.67a5.58,5.58,0,0,0,5.58-5.59v-48a171.21,171.21,0,0,1,15.52-71.86c20-43,49.18-58.41,64.79-63.78a58.77,58.77,0,0,1,9.93-2.59h36.35l11.05,18a27.39,27.39,0,0,0,23.2,13,5.59,5.59,0,1,0,0-11.17A16.17,16.17,0,0,1,223.45,304L216,291.89h80L288.55,304a16.17,16.17,0,0,1-13.69,7.65,5.59,5.59,0,1,0,0,11.17,27.39,27.39,0,0,0,23.2-13l11.05-18h36.36c4.33.61,47.6,8.14,74.71,66.37a171.21,171.21,0,0,1,15.52,71.86v48a5.59,5.59,0,1,0,11.17,0v-48a182.52,182.52,0,0,0-16.56-76.58c-30.73-66-81.69-72.54-83.84-72.79a4.49,4.49,0,0,0-.64,0H166.17a4.49,4.49,0,0,0-.64,0A64.77,64.77,0,0,0,153,283.92c-17.28,5.94-49.52,22.88-71.29,69.62a182.52,182.52,0,0,0-16.56,76.58v48A5.59,5.59,0,0,0,70.72,483.67Z"/>
+                <path d="M365.64,481.36a5.58,5.58,0,0,0,5.58-5.58V420a52.56,52.56,0,0,0-52.49-52.5H194.82a52.56,52.56,0,0,0-52.5,52.5v55.8a5.59,5.59,0,0,0,11.18,0V420a41.37,41.37,0,0,1,41.32-41.33H318.73A41.37,41.37,0,0,1,360.05,420v55.8A5.58,5.58,0,0,0,365.64,481.36Z"/>
+                <path d="M210.11,452A22.09,22.09,0,0,1,188.05,430a5.59,5.59,0,0,0-11.17,0,33.17,33.17,0,1,0,24.66-32.12,5.59,5.59,0,0,0,2.88,10.8A22.07,22.07,0,1,1,210.11,452Z"/>
+                <path d="M266.65,427.12v5.7a5.59,5.59,0,1,0,11.18,0v-5.7a5.59,5.59,0,0,0-11.18,0Z"/>
+                <path d="M295.66,427.12v5.7a5.59,5.59,0,1,0,11.17,0v-5.7a5.59,5.59,0,0,0-11.17,0Z"/>
+                <path d="M324.66,427.12v5.7a5.59,5.59,0,1,0,11.17,0v-5.7a5.59,5.59,0,0,0-11.17,0Z"/>
+                </svg>
+            <p>Create, sell or collect digital <br> items secured with blockchain </p>
+        </div>
+           
+            <figure class="logos">
+                <a><img src="./img/logos/discord-svgrepo-com.svg" alt="svg-discord" /></a>
+                <a><img src="./img/logos/facebook-svgrepo-com.svg" alt="svg-facebook"/></a>
+                <a><img src="./img/logos/instagram-svgrepo-com.svg" alt="svg-instagram"/></a>
+                <a><img src="./img/logos/pinterest-svgrepo-com.svg" alt="svg-pinterest"/></a>
+                <a><img src="./img/logos/twitter-svgrepo-com.svg" alt="svg-twitter"/></a>
+            </figure>
+        
+
+            <div class="marketplace">
+                <h2>Marketplace</h2>
+                
+                <li><a>Create</a></li>
+                <li><a>Discover</a></li>
+                <li><a>Creators</a></li>
+                <li><a>Blog</a></li>
+                <li><a>Contact us</a></li>
+            </div>
+
+            <div class="information">
+                <h2>Information</h2>
+                <li><a>Terms of service</a></li>
+                <li><a>Privacy policy</a></li>
+                <li><a>FAQ</a></li>
+                <li><a>Help</a></li>
+                <li><a>Community guidelines</a></li>
+            </div>
+            <hr>
+
+        <p class="cright">© Wiljami Takkinen | JAMK 2022</p>
+    </footer>
+</body>
+</html>
--- a/styles/_article.scss
+++ b/styles/_article.scss
 .firstArticle {
    height: auto;
-    
-    padding: 10px;
-    margin: 10px;
-
+    margin: 0 auto;
+    max-width: 1000px;
+    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
+
+    img {
+        width: 600px;
+        height: auto;
+    }
+
+    
 }

 .secondArticle {
@@ -14,9 +20,13 @@
    padding: 10px;
    margin: 10px;
    text-shadow: $shadowSm;
+    margin-bottom: 10vh;

    h1 {
-        font-size: 50px;
+        font-size: 40px;
+        color: $navText;
+        font-family: 'Roboto', sans-serif;
+        text-align: center;
    }
    

@@ -34,7 +44,7 @@
        align-items: center;

        .textContent {
-            // border: 1px solid green;
+            //border: 1px solid green;
            width: auto;
            margin: 5px;
            padding: 5px;
@@ -46,7 +56,7 @@
            flex-direction: column;

            .container {
-                // border: 1px solid red;
+                //border: 1px solid red;
                display: flex;
                align-items: center;
                justify-content: space-between;
@@ -59,13 +69,32 @@
                }
            }

+            .imgContainer
+            {
+                
+                
+                
+                a {
+                    color: lightblue;
+                    text-decoration: none;
+                    &:hover {
+                        text-decoration: underline;
+                    }
+                }
+            }
+
            .text {
+                
+                height: 300px;
                position: relative;
-                top: -66px;
+                top: -45px;
+                
+                
            }

            h1 {
                text-align: center;
+                
            }

            p {
@@ -85,6 +114,28 @@
    }
 }

+.thirdArticle {
+    height: auto;
+    margin: 0 auto;
+    max-width: 1000px;
+    width: auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    h1 {
+        font-size: 40px;
+        color: $navText;
+        font-family: 'Roboto', sans-serif;
+        text-align: center;
+    }
+
+    p {
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 18px;
+    }
+}
+
 .mid {
    display: flex;
    flex-direction: column;
@@ -95,6 +146,7 @@
    width: auto;
    padding: 20px;
    // background:rgba(0, 0, 0, 0.04);
+    text-shadow: 1px 1px 1px black;

    
    h1 {

--- a/styles/_form.scss
+++ b/styles/_form.scss
+.form {
+    border: 1px solid black;
+    background: rgb(0, 0, 0, 0.3);
+    border-radius: 5px;
+    max-width: 1000px;
+    min-width: 300px;
+    width: auto;
+    padding: 10px;
+    margin: 10px;
+
+    height: 600px;
+
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    
+
+    input {
+        margin: 5px;
+        border-bottom: 2px solid rgba(222,40,4,0.5830532896752452); 
+        border-left: none;
+        border-top: none;
+        border-right: none;
+        background: transparent;
+        display: flex;
+    }
+
+    button {
+        margin-top: 5px;
+        padding: 5px;
+        border-radius: 25px;
+        border: none;
+        width: 175px;
+        font-weight: 700;
+        background: rgb(11,10,24);
+        background: rgba(222,40,4,0.5830532896752452); 
+
+        color: white;
+        text-shadow: 1px 1px 1px black;
+
+        cursor: pointer;
+    }
+    
+    img {
+        height: 30px;
+        width: auto;
+        margin: 5px;
+    }
+
+    .logos {
+        margin: 5px;
+    }
+}
\ No newline at end of file
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -200,21 +200,30 @@ header {

 .firstArticle {
  height: auto;
-  padding: 10px;
-  margin: 10px;
+  margin: 0 auto;
+  max-width: 1000px;
+  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
 }
+.firstArticle img {
+  width: 600px;
+  height: auto;
+}

 .secondArticle {
  height: auto;
  padding: 10px;
  margin: 10px;
  text-shadow: 1px 1px 1px black;
+  margin-bottom: 10vh;
 }
 .secondArticle h1 {
-  font-size: 50px;
+  font-size: 40px;
+  color: white;
+  font-family: "Roboto", sans-serif;
+  text-align: center;
 }
 .secondArticle p {
  font-family: Arial, Helvetica, sans-serif;
@@ -249,9 +258,17 @@ header {
 .secondArticle figure .textContent .container h2 {
  text-align: center;
 }
+.secondArticle figure .textContent .imgContainer a {
+  color: lightblue;
+  text-decoration: none;
+}
+.secondArticle figure .textContent .imgContainer a:hover {
+  text-decoration: underline;
+}
 .secondArticle figure .textContent .text {
+  height: 300px;
  position: relative;
-  top: -66px;
+  top: -45px;
 }
 .secondArticle figure .textContent h1 {
  text-align: center;
@@ -264,6 +281,26 @@ header {
  width: 700px;
 }

+.thirdArticle {
+  height: auto;
+  margin: 0 auto;
+  max-width: 1000px;
+  width: auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.thirdArticle h1 {
+  font-size: 40px;
+  color: white;
+  font-family: "Roboto", sans-serif;
+  text-align: center;
+}
+.thirdArticle p {
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 18px;
+}
+
 .mid {
  display: flex;
  flex-direction: column;
@@ -273,6 +310,7 @@ header {
  font-family: "Roboto", sans-serif;
  width: auto;
  padding: 20px;
+  text-shadow: 1px 1px 1px black;
  border-radius: 5px;
 }
 .mid h1 {
@@ -723,6 +761,51 @@ footer .logos img {
  margin: 0px 7px 0px 7px;
 }

+.form {
+  border: 1px solid black;
+  background: rgba(0, 0, 0, 0.3);
+  border-radius: 5px;
+  max-width: 1000px;
+  min-width: 300px;
+  width: auto;
+  padding: 10px;
+  margin: 10px;
+  height: 600px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.form input {
+  margin: 5px;
+  border-bottom: 2px solid rgba(222, 40, 4, 0.5830532897);
+  border-left: none;
+  border-top: none;
+  border-right: none;
+  background: transparent;
+  display: flex;
+}
+.form button {
+  margin-top: 5px;
+  padding: 5px;
+  border-radius: 25px;
+  border: none;
+  width: 175px;
+  font-weight: 700;
+  background: rgb(11, 10, 24);
+  background: rgba(222, 40, 4, 0.5830532897);
+  color: white;
+  text-shadow: 1px 1px 1px black;
+  cursor: pointer;
+}
+.form img {
+  height: 30px;
+  width: auto;
+  margin: 5px;
+}
+.form .logos {
+  margin: 5px;
+}
+
 body {
  background: rgb(11, 10, 24);
  background: linear-gradient(24deg, rgb(11, 10, 24) 0%, rgb(5, 16, 48) 58%, rgba(222, 40, 4, 0.5830532897) 100%);

--- a/styles/styles.css.map
+++ b/styles/styles.css.map
-{"version":3,"sources":["_navbar.scss","styles.css","_variables.scss","_header.scss","_article.scss","_footer.scss","styles.scss"],"names":[],"mappings":"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","file":"styles.css"}
\ No newline at end of file
+{"version":3,"sources":["_navbar.scss","styles.css","_variables.scss","_header.scss","_article.scss","_footer.scss","_form.scss","styles.scss"],"names":[],"mappings":"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","file":"styles.css"}
\ No newline at end of file
--- a/styles/styles.scss
+++ b/styles/styles.scss
@@ -3,6 +3,7 @@
 @import './header';
 @import './article';
 @import './footer';
+@import './form';

 body {
    background: rgb(11,10,24);