diff --git a/_includes/footer.html b/_includes/footer.html
index eaa004f..40b9657 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,6 +1,6 @@
  <footer>
    <div class="footerdiv">
-     <h2 class="linkstitle">My links:</h2>
+     <p>mylinks:</p>
    <ul class="mylinks">
      {% for link in site.data.links %}
      <li class="footerlinks">
@@ -15,15 +15,18 @@
      {% endfor %}
 
    </ul>
+   <ul class="mybuttons">
  {% assign image_files = site.static_files | where: "buttons", true %}
    {% for button in image_files %}
-
+   <li class="button">
    {% if button.basename == "88x31" %}
    <a href="https://cyber.dabamos.de/88x31/index.html"><img src="{{ button.path }}"></a>
    {% else %}
    <img src="{{ button.path }}">
    {% endif %}
+   </li>
 {% endfor %}
+   </ul>
    </div>
  </footer>
 
diff --git a/css/main.css b/css/main.css
index f13c490..32d710b 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,131 +1,3 @@
-/*
-@import url(https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/fira_code.css);
-
-body {
-  font-family: "Fira Code", monospace;
-  color: black;
-  padding: 2em;
-  /*text-shadow: -1px -1px 0 #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;*/
-  /*display: grid;*/
-  /*background: #2e2828;
-}
-
-a:link {
-  color: black;
-}
-
-a:visited {
-  color: #111;
-}
-
-
-a:hover {
-  color: #111;
-}
-
-
-a:active {
-  color: #111;
-}
-
-* {
-}
-*/
-/*.header {*/
-  /*height: 10vh;*/
-  /*float: left;*/
- /* text-align: center;
-  background: #DDD;
-  border-radius: 16px;
-  width:100%;
-  padding:1em;
-  padding-left: .2em;
-  padding-right:.2em;
-}
-
-.sidebar {
-  width:20%;
-  float: left;
-  background: #DDD;
-  border-radius:16px;
-  padding:1em;
-  margin-top: 2em;
-  
-}
-
-.content {
- float: right;
- width: 70%;
- margin-top: 2em;
- background: #DDD;
- padding:1em;
- border-radius: 16px;
-}
-*/
-
-/*.navbar_links {
-  /*display: grid;*/
-  /*grid-template-columns: auto auto;*/
- /* list-style: none;
-}*/
-/*
-iframe {
-}
-
-.navbar_link {
-  width:10em;
-  display: table-cell;
-  font-size: 22px;
-}
-
-* {
-  
-}
-
-#queen {
-  width: 20em;
-  border: black;
-  padding: .3em;
-  border-style: double;
-  background: white;
-
-
-}
-
-#susie {
-  height: 5em;
-}
-
-#glados {
-}
-
-iframe {
- width: 90%;
- height: 400px;
- margin: 3%;
-
-}
-
-@media only screen and (max-width: 600px){
-  .sidebar {width:100%}
-  .content {width:100%}
-
-}
-
-footer {
-  display: inline-block;
-  width: 98%;
-  border-radius: 16px;
-  padding:1em;
-  margin-left: 0%;
-  margin-top: 5em;
-  background: #DDD;
-  img {
-
-  }
-}
-*/
-
 body {
   background: #201b1a;
   background-attachment: local;
@@ -135,8 +7,6 @@ body {
 
 
 .header {
-  border: green;
-  border-style: double;
   padding: 2.5em;
 }
 
@@ -154,8 +24,6 @@ body {
 }
 
 nav {
-  border: green;
-  border-style: double;
 }
 
 .navlink {
@@ -163,8 +31,6 @@ nav {
 }
 
 .content {
-  border: green;
-  border-style: double;
   width: 30em;
   margin-left: 8em;
   height: 40em;
@@ -174,8 +40,6 @@ nav {
 }
 
 footer {
-  border: green;
-  border-style: double;
   display: flex;
   justify-content: center;
   padding-top: 6em;