/*Här skriver ni css*/

.delete {
  visibility: hidden;
  cursor: pointer;
  border-radius: 5px;
}

.container {
  padding: 35px;
  max-width: 30%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  text-align: center;
  background-color: rgb(241, 237, 234);
  border-radius: 5px;
  padding-bottom: 100px;
}

body {
  background-color: #b9a090;
  width: 100vw;
  margin: 0px;
  font-size: 36px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  color: #332e31;
}

h2 {
  margin: 0px;
  padding: 20px;
  color: #332e31;
}

#task {
  background-color: #554840;
  font-size: 24px;
  color: white;
  border: 5px solid white;
  border-radius: 3px;
  padding: 5px;
  width: 70%;
}

#task::placeholder {
  color: rgba(255, 255, 255, 0.685);
}

#task:focus {
  outline: none;
  border: rgb(251, 251, 251) 2px solid;
}

#my-button {
  padding: 10px 15px 10px 15px;
  color: #d86623;
  font-size: 24px;
  cursor: pointer;
  border: none;
  border-radius: 10px;
  margin-left: 10px;
  box-shadow: rgba(151, 151, 151, 0.144) 2px 2px 4px 2px;
  background-color: rgba(251, 247, 247, 0.753);
}
#my-button:disabled {
  background-color: rgb(214, 35, 35);
  cursor: unset;
}

li {
  word-wrap: break-word;
}

#inputDiv {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  max-width: 100%;
}

ul {
  list-style-type: square;
  text-align: left;
  max-width: 100%;
}

.delete {
  font-size: 24px;
  background-color: #332e31;
  color: rgb(255, 255, 255);
  border: none;
  margin: 10px;
  padding: 5px 10px 5px 10px;
}