* {
  color: #d3d3d3;
  user-select: none;
}
/* Remove Scrollbar */
* {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
*::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}
/* *::-webkit-scrollbar {
  width: 10px;
}
*::-webkit-scrollbar-thumb {
  background-color: #2f3542;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid transparent;
}
*::-webkit-scrollbar-track {
  background-color: grey;
  border-radius: 10px;
  box-shadow: inset 0px 0px 5px white;
} */

/* --- --- --- */
/* TIME */
#timeBlock {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: black;
  opacity: 70%;
}
#time {
  /* height: 100%; */
  /* width: 50%; */
  width: 450px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Spline Sans Mono", monospace;
  font-size: 500%;
  color: #d3d3d3;
}
#date {
  /* width: 50%; */
  width: 450px;
  display: flex;
  justify-content: center;
  align-items: baseline;
  font-size: 200%;
  color: #d3d3d3;
}
#weather {
  /* width: 50%; */
  width: 450px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* vertical-align: bottom; */
  font-size: 100%;
  color: #d3d3d3;
}
.weather_icon {
  width: 3rem;
  height: 3rem;
  object-fit: scale-down;
}

/* --- --- --- */
/* BOOKMARK */
#bookmarkBlock {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  /* background-color: black; */
  padding: 10px;
  /* opacity: 30%; */
  overflow: auto;
}

/* --- --- --- */
/* TODO */
#todoBlock {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  /* background-color: black; */
  padding: 10px;
  /* opacity: 80%; */
}

button {
  font-size: 20px;
}

input {
  width: 130px;
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid gray;
  /* opacity: 80%; */
}