diff --git a/assets/css/style.css b/assets/css/style.css
index e77ebbf..8fdddaa 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -920,6 +920,39 @@ h1 {
     max-width: 500px;
 }
 
+hr {
+    color: white
+}
+
+.ConYes {
+    background-color: #06d6a0;
+    color: #222222;
+}
+
+.ConMaybe {
+    background-color: #ffd166;
+    color: #222222;
+}
+
+.ConNo {
+    background-color: #ef476f;
+    color: #222222;
+}
+
+.row {
+    display: table;
+    width: 100%; /*Optional*/
+    table-layout: fixed; /*Optional*/
+    border-spacing: 10px; /*Optional*/
+}
+.column {
+    display: table-cell;
+    text-align: center;
+    max-width: fit-content;
+    padding: 5px;
+    border-radius: 0.5em;
+}
+
 /*-----------------------parallax-----------------------*/
 /* credits: https://www.youtube.com/watch?v=aywzn9cf-_U */
 #stars1 {
diff --git a/index.html b/index.html
index 6109285..784df0c 100644
--- a/index.html
+++ b/index.html
@@ -46,9 +46,9 @@
                     <img class="flag" src="./assets/images/pansexual.svg" /> <img class="flag" src="./assets/images/enby.svg" /> <img class="flag" src="./assets/images/trans.svg" /> <img class="flag" src="./assets/images/prog.svg" />
                 </p>
             <a id="socials">
-                <h2 class="separator" title="Social Media / About Me">
+                <h1 class="separator" title="Social Media / About Me">
                     Elflinks :3
-                </h2>
+                </h1>
             </a>    
                 <div class="page-item-wrap relative">
                     <div class="page-item flex-both-center absolute"></div>
@@ -133,7 +133,96 @@
                         <svg class="link-each-image" viewBox="0 0 168 168" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="m83.996 0.277c-46.249 0-83.743 37.493-83.743 83.742 0 46.251 37.494 83.741 83.743 83.741 46.254 0 83.744-37.49 83.744-83.741 0-46.246-37.49-83.738-83.745-83.738l0.001-0.004zm38.404 120.78c-1.5 2.46-4.72 3.24-7.18 1.73-19.662-12.01-44.414-14.73-73.564-8.07-2.809 0.64-5.609-1.12-6.249-3.93-0.643-2.81 1.11-5.61 3.926-6.25 31.9-7.291 59.263-4.15 81.337 9.34 2.46 1.51 3.24 4.72 1.73 7.18zm10.25-22.805c-1.89 3.075-5.91 4.045-8.98 2.155-22.51-13.839-56.823-17.846-83.448-9.764-3.453 1.043-7.1-0.903-8.148-4.35-1.04-3.453 0.907-7.093 4.354-8.143 30.413-9.228 68.222-4.758 94.072 11.127 3.07 1.89 4.04 5.91 2.15 8.976v-0.001zm0.88-23.744c-26.99-16.031-71.52-17.505-97.289-9.684-4.138 1.255-8.514-1.081-9.768-5.219-1.254-4.14 1.08-8.513 5.221-9.771 29.581-8.98 78.756-7.245 109.83 11.202 3.73 2.209 4.95 7.016 2.74 10.733-2.2 3.722-7.02 4.949-10.73 2.739z"/></svg>
                         <span class="item-title text-center">Spotify Stream Playlist</span>
                     </a>
-                </div>                                                                        
+                </div> 
+                <br><hr>
+            <a id="Events">
+                <h1 class="separator" title="Events">
+                    Events
+                </h1>
+                <p><div class="row">
+                    <div class="column ConYes">Ich gehe safe</div>
+                    <div class="column ConMaybe">Ich gehe vielleicht</div>
+                    <div class="column ConNo">Ich gehe doch nicht</div>
+                </div></p>
+                    
+                
+            </a>
+
+
+            <a id="Events/Nov2025">
+                <h2 class="separator" title="Events">
+                    November 2025
+                </h2>
+            </a>      
+                <div class="page-item-wrap relative">
+                    <div class="page-item flex-both-center absolute"></div>
+                    <a target="_blank" class="page-item-each py-10 flex-both-center ConMaybe" href="https://kaidancon.de/" data-id="261685" data-type="page_item">
+                        <span class="item-title text-center">KAIDAN // Mainz // 8.-9.11.2025</span>
+                    </a>
+                </div>  
+
+
+            <a id="Events/Dec2025">
+                <h2 class="separator" title="Events">
+                    Dezember 2025
+                </h2>
+            </a>      
+                <div class="page-item-wrap relative">
+                    <div class="page-item flex-both-center absolute"></div>
+                    <a target="_blank" class="page-item-each py-10 flex-both-center ConYes" href="https://germanfilmcomiccon.com" data-id="261685" data-type="page_item">
+                        <span class="item-title text-center">GERMAN FILM COMIC CON // Dortmund // 6.-7.12.2025</span>
+                    </a>
+                </div>     
+                
+                
+            <a id="Events/May2026">
+                <h2 class="separator" title="Events">
+                    Mai 2026
+                </h2>
+            </a>      
+                <div class="page-item-wrap relative">
+                    <div class="page-item flex-both-center absolute"></div>
+                    <a target="_blank" class="page-item-each py-10 flex-both-center ConYes" href="https://www.nonki-con.de/" data-id="261685" data-type="page_item">
+                        <span class="item-title text-center">NonkiCon // Speyer // 16.-17.05.2026</span>
+                    </a>
+                </div>  
+                <div class="page-item-wrap relative">
+                    <div class="page-item flex-both-center absolute"></div>
+                    <a target="_blank" class="page-item-each py-10 flex-both-center ConMaybe" href="https://www.dokomi.de" data-id="261685" data-type="page_item">
+                        <span class="item-title text-center">DOKOMI // Düsseldorf // 29.-31.05.2026</span>
+                    </a>
+                </div>      
+
+
+            <a id="Events/Jul2026">
+                <h2 class="separator" title="Events">
+                    Juli 2026
+                </h2>
+            </a>      
+                <div class="page-item-wrap relative">
+                    <div class="page-item flex-both-center absolute"></div>
+                    <a target="_blank" class="page-item-each py-10 flex-both-center ConYes" href="https://shiroco.de/" data-id="261685" data-type="page_item">
+                        <span class="item-title text-center">ShiroCo // Chemnitz //  11.-12.07.2026</span>
+                    </a>
+                </div> 
+                <div class="page-item-wrap relative">
+                    <div class="page-item flex-both-center absolute"></div>
+                    <a target="_blank" class="page-item-each py-10 flex-both-center ConMaybe" href="https://animagic.de/" data-id="261685" data-type="page_item">
+                        <span class="item-title text-center">AnimagiC // Mannheim //  31.07.-02.08.2026</span>
+                    </a>
+                </div> 
+
+                <a id="Events/Sep2026">
+                <h2 class="separator" title="Events">
+                    September 2026
+                </h2>
+            </a>      
+                <div class="page-item-wrap relative">
+                    <div class="page-item flex-both-center absolute"></div>
+                    <a target="_blank" class="page-item-each py-10 flex-both-center ConMaybe" href="https://shiroco.de/" data-id="261685" data-type="page_item">
+                        <span class="item-title text-center">Connichi // Wiesbaden // 4.-6.09.2026</span>
+                    </a>
+                </div> 
         </div>
     </div>
     <footer class="source" aria-label="Footer information">