body {
  margin: 0;
  color: #1f1f1f;
  font-family: Verdana, serif;
  background-color: mintcream;
}

.floating-clock {
  border:2px solid #ccc;
  position: fixed;
  bottom: 10px;   
  right: 10px;     
  z-index: 9999;
}

.Clickable-obj {

  }
.headtext{
  color:#1f1f1f;
  font-size: 100%;
  text-align: center;
  padding: 10px;

}
.list_container {
  border:2px solid #ccc;
  position: absolute;
  left: 10px;

}


/*AI CODE PART */


/*Bottom stuff gen by AI*/
/* Container at the bottom */
.bottom-bar {
  position: fixed;          /* stays at bottom of screen */
  bottom: 10px;
  left: 10%;
  transform: translateX(-50%);

  display: flex;
  gap: 20px;                /* space between icons */
  align-items: center;

  background: transparent;  /* or add color later */
  padding: 5px 10px;
  z-index: 9999;
}

/* Icons inside */
.bottom-bar img {
  width: 55px;
  height: 100px;
  object-fit: contain;
  cursor: pointer;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;

  background-image: url("stuff/Bgimg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

  /* FAINT + DARK LOOK */
  filter: blur(10px) brightness(0.9) saturate(0.4);
  transform: scale(0.58);

  z-index: -1;
}