body{
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

#weather-frame{
  position: fixed;
  top: 10px;
  right: 15px;
  font-size: 1.5em;
  font-weight: bolder;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0px 10px 0px 10px;
  border-radius: 8%;
}
#clock-frame{
  color: white;
  font-size: 7em;
  text-shadow: 0px 0px 5px grey;
  position: fixed;
  top: 30%;
  right: 30%;
}
#quote-frame{
  position: relative;
}

#todo-frame{
  background-color: rgba(0, 0, 0, 0.65);
  color:white;
  position: fixed;
  bottom: 3em;
  right: 0px;
  border-radius: 10px;
  display: none;
}
#todo-list{
  padding: 5px;
}
.strikeText{
  text-decoration: line-through;
}
#form-field{
  background: none;
  color: white;
}
.footer-bar{
  position: fixed;
  bottom: 0px;
  background-color: rgba(0, 0, 0,1);
  color: white;
  height: 4em;
  width: 100%;
  display: flex;
  align-items: center;
}