diff --git a/TODO b/TODO
new file mode 100644
index 0000000..77b9539
--- /dev/null
+++ b/TODO
@@ -0,0 +1,7 @@
+[ ] Attēlot lapu ar pamatinformāciju par izvēlēto spēli. [5]
+[ ] Izveidotajā projektā jābūt direktorijam, kurā ir teksta faili ar spēļu atjauninājumu vēsturi (to varat izdomāt). Vienā no lapām ir jāparāda virsraksti, kas atbilst failu nosaukumiem, un saites uz attiecīgajiem rakstiem (teksta faila saturs).  Katram rakstam ir jāatrodas savā lapā ar unikālu URL. Gan rakstu URL adreses, gan rakstu saraksts ir jāģenerē automātiski atbilstoši iepriekš minētā direktorija saturam. [30]
+[ ] Jāpievieno iespēja lietotājam lejupielādēt .pdf failu, kurā aprakstītas problēmas, ar kurām viņi saskārās jūsu spēlē.  Lejupielādētais fails ir jāsaglabā īpaši norādītā direktorijā. [15]
+[ ] Jāizveido lapa, no kuras varat lejupielādēt jaunāko spēles versiju. [15]
+[ ] Piešķirot vērtējumu, tiks ņemts vērā arī tīmekļa aplikācijas vizuālais noformējums.  Bootstrap bibliotēkas izmantošana ne tikai vienkāršos procesu, bet arī sniegs priekšrocības, ja tā tiks pareizi integrēta lietojumprogrammā. [20]
+[ ] Ir nepieciešams izveidot prezentāciju, demonstrēt visu paveikto darbu un demonstrēt izveidoto aplikāciju. [15]
+[ ] Visas pievienotās papildu funkcijas, kas uzlabo lietojumprogrammas lietošanas pieredzi un palielina tās tehnisko sarežģītību, var iegūt papildu punktus atkarībā no ieviešanas sarežģītības. [?]
diff --git a/static/css/main.css b/static/css/main.css
index 76e339c..46b6b1a 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -1,3 +1,12 @@
+/* Animated underline */
+nav a.link:hover, .topics:hover {
+    color: #fff;
+}
+
+nav a.link:hover::before, footer ul li a:hover::before, .topics:hover::before {
+    transform: scaleX(1);
+}
+
 /* Global */
 html {
     font-family: 'JetBrains Mono', monospace;
@@ -50,10 +59,6 @@ nav li a, nav a.link {
     color: #fff;
 }
 
-nav a.link:hover {
-    color: #fff;
-}
-
 nav a.link::before {
     content: "";
     position: absolute;
@@ -69,10 +74,6 @@ nav a.link::before {
     transition: transform 0.3s ease;
 }
 
-nav a.link:hover::before {
-    transform: scaleX(1);
-}
-
 nav ul {
     display: flex;
     list-style: none;
@@ -145,7 +146,10 @@ nav .dropdown a::before {
 
 /* Content Section */
 .content {
-    padding: 20px;
+    padding: 30px;
+}
+
+h2 {
     font-style: italic;
 }
 
@@ -252,10 +256,6 @@ footer ul li a::before {
     transition: transform 0.3s ease;
 }
 
-footer ul li a:hover::before {
-    transform: scaleX(1);
-}
-
 /* Input Fields */
 input[type="text"],
 input[type="email"],
@@ -271,8 +271,8 @@ textarea {
     transition: box-shadow 0.15s, transform 0.15s;
 }
 
-input[type="text"]:hover,
-input[type="email"]:hover,
+input[type="text"],
+input[type="email"],
 input#password, input#username,
 textarea:hover {
     box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset; 
@@ -324,3 +324,14 @@ button:active, input:active {
     box-shadow: #D6D6E7 0 3px 7px inset;
     transform: translateY(2px);
 }
+
+label {
+    margin-bottom: 8px; 
+    display: inline-block;
+}
+
+.topics a {
+    color: #fff;
+    text-decoration: none;
+    font-size: 25px;
+}
\ No newline at end of file
diff --git a/templates/auth/login.html b/templates/auth/login.html
index a404da7..16e6f4f 100644
--- a/templates/auth/login.html
+++ b/templates/auth/login.html
@@ -5,10 +5,8 @@
 {% block content %}
   <h2>Log In</h2>
   <form method="post">
-    <label for="username">Username</label>
-    <input type="text" name="username" id="username" required>
-    <label for="password">Password</label>
-    <input type="password" name="password" id="password" required>
+    <input type="text" placeholder="Username" name="username" id="username" required>
+    <input type="password" placeholder="Password" name="password" id="password" required>
     <input type="submit" value="Log In">
   </form>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/templates/auth/register.html b/templates/auth/register.html
index 29e87ce..d450fe4 100644
--- a/templates/auth/register.html
+++ b/templates/auth/register.html
@@ -5,10 +5,12 @@
 {% block content %}
   <h2>Register</h2>
   <form method="post">
-    <label for="username">Username</label>
-    <input type="text" name="username" id="username" required>
-    <label for="password">Password</label>
-    <input type="password" name="password" id="password" required>
+    <label for="username">Username</label></br>
+    <input type="text" name="username" id="username" required></br>
+    <label for="password">Password</label></br>
+    <input type="password" name="password" id="password" required></br>
+    <label for="password">Confirm password</label></br>
+    <input type="password" name="password-2" id="password" required></br></br>
     <input type="submit" value="Register">
   </form>
 {% endblock %}
diff --git a/templates/index.html b/templates/index.html
index b6f628b..1de652d 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -47,11 +47,11 @@
     
     <section class="trending-topics">
         <h2>Trending Topics</h2>
-        <ul>
-            <li><a href="#">Instalation</a></li>
-            <li><a href="#">How to play</a></li>
-            <li><a href="#">Known issues</a></li>
-        </ul>
+        <div class="topics">
+            <a href="#">Instalation</a></br>
+            <a href="#">How to play</a></br>
+            <a href="#">Known issues</a></br>
+        </div>
     </section>
 
     <section class="interactive-elements">