body {
  background-color: hsl(320, 100%, 20%);
  height: 120vh;
}
h2 {
  cursor: pointer;
}
h3 {
  font-family: 'Poppins', sans-serif;
  margin: 1em 0 0 0;
  border-radius: 1em;
  background: linear-gradient(90deg, rgba(0,60,60,1) 0%, rgba(0,80,80,0.1) 100%); 
}
img {
  z-index: 2;
  position: relative;
}
.active {
	background-color:green!important;
}
.theme, .weather {
  padding: 4px 8px;
  font-size: 14px;
  cursor:pointer;
  border-radius: 16px;
  background-color: midnightblue;
  width: fit-content;
  min-width: 5em;
  margin: 4px 0px;
}
.buttonsDiv {
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#mursuBottom {
  border:none;	
  background-color: hsl(320, 100%, 30%);
  padding: 0.4em;
  height: 3px;
  transition: height 0.5s;
  overflow: auto;
  position:relative;
}
#sndLeft, #sndRight {
  position:absolute;
  font-size:12px;
  font-family:serif;	
  padding: 4px 6px;
  border-radius: 14px;
  display:none;
}
#sndLeft {
	background: linear-gradient(90deg,rgba(0, 153, 51, 1) 0%, rgba(153, 0, 102, 0) 100%);
}
#sndRight {
	right:0;
	background: linear-gradient(90deg,rgba(153, 0, 102, 0) 0%, rgba(0, 153, 51, 1) 100%);
}
#debugDiv {
  height: 200px;
  overflow:auto;
  display:none;
}
#debugDiv p {
  font-size:12px;
}
#stopAll {
  background-color:crimson;
  position: absolute;
  top: 0;
}
#customDiv {
	display:flex;
}
#customDiv p {
	width: 100%;
	flex: 0 0 auto;
}
#customDiv span {
	position:relative;
}
#allBgDiv, #allAccDiv {
	display:flex;
	flex-wrap:wrap;
}

@media only screen and (max-width: 600px) {
  #dateNums, #timeNums, #randNums {
    font-size:1em;
  }
}