.contents{
  display:flex;
  align-items: center;
  justify-content: space-around;
  height: 80vh;
}
.contents-column{
  display:flex;
  align-items: center;
  justify-content: space-around;
  height: 80vh;
  flex-direction: column;
}
.bgimg{
  position: absolute;
  opacity:0.8;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  animation: fadeIn 0.5s linear;
}
#login-Form{
  padding-top: 15px;
}
#login-button{
  background-color: bisque;
  border:0;
  border-radius: 3px;
  width: 50px;
  height: 35px;
  font-weight: bold;
} 
#logout{
  color:red;
}
.cursor{
  cursor:pointer;
}
#weather{
  background-color: aliceblue;
  height: 90%;
  border-radius: 5px;
  opacity:0.9;
}
.todo-div{
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 40vw;
  border-radius: 20px;
  background-color: aliceblue;
  opacity: 0.7;
}
#todo-form{
  padding-top: 15px;
}
#todo-list{
  padding:0;
  width: 50%;
  list-style-image: url("/img/bell-solid.svg");
}
#todo-list span{
  background-color: rgba(255, 255, 128, .5);;
}
#submit-button{
  background-color: bisque;
  border:0;
  border-radius: 3px;
  width: 50px;
  height: 35px;
  font-weight: bold;
}
.placeholder{
  width:25vw;
  height:3vh;
  border-radius: 5px;
}
input::placeholder {
  color:black;
  font-weight: bold;
  font-size: 14px;
}
.hidden{
  display:none;
}
p{
  text-align: center;
}