mobile friendly UI

[lordzeroMS]

page doesn't look good on mobile phones

[lordzeroMS]

.keywords {
  background-color: dimgrey;
  padding: 20px;
  position: fixed;
  top: -100px; /* aus dem sichtbaren Bereich verschieben */
  transition: top 0.3s ease-in-out; /* füge eine Übergangseffekt hinzu */
}

/* füge die Regel hinzu, um die Klasse auszublenden, wenn nach unten gescrollt wird */
body::-webkit-scrollbar {
  width: 5px;
}

body::-webkit-scrollbar-thumb {
  background-color: #5995C8;
}

body::-webkit-scrollbar-thumb:hover {
  background-color: #2E6FAE;
}

body::-webkit-scrollbar-track {
  background-color: #ccc;
}

body::-webkit-scrollbar-track:hover {
  background-color: #b8b8b8;
}

body::-webkit-scrollbar-button {
  display: none;
}

body.scroll-down .keywords {
  top: 0; /* bringe die Klasse zurück in den sichtbaren Bereich */
}