.listTodo__editionWindow {
 display: none;
 position: fixed;
 left: 50%;
 bottom: 20px;
 -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
         transform: translateX(-50%);
 width: 80%;
 max-width: 1081px;
 padding: 5px;
 border: 3px solid var(--colorOne);
 background-image: url("images/journal-2850091_1280.jpg");
 background-size: cover;
 background-repeat: no-repeat;
 border-radius: 10px;
 -webkit-box-shadow: 0 0 8px 8px var(--colorTwo);
         box-shadow: 0 0 8px 8px var(--colorTwo);
 min-height: 200px;
}

.listTodo__editionWindow.active {
 display: block;
}

.listTodo__editionLabel {
 display: block;
 color: var(--colorThree);
 font-size: 2.5rem;
 width: 90%;
 margin: 20px auto;
}

#editionInput {
 display: block;
 margin: 5px auto 5px 0;
 padding: 5px;
 width: 95%;
 height: 40px;
 border-radius: 5px;
 font-size: 2rem;
}

#editionInput {
 outline: none;
}

.listTodo__editionBtn--saveBtn,
.listTodo__editionBtn--eraseBtn,
.listTodo__editionBtn--closeBtn {
 display: block;
 margin: 10px auto 10px 0;
 padding: 8px;
 width: 50%;
 font-size: 2rem;
 background-color: var(--colorFour);
 color: var(--colorThree);
 border-radius: 10px;
 cursor: pointer;
}

@media (min-width:1024px) {
 .listTodo__editionWindow {
  width: 80%;
 }

 .editionBtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 80%;
  margin: 20px auto;
 }

 #editionInput {
  margin: 10px auto;
 }

 .listTodo__editionBtn--saveBtn,
 .listTodo__editionBtn--eraseBtn,
 .listTodo__editionBtn--closeBtn {
  width: 25%;
  margin: auto;
 }
}

@media(min-width:1200px) {
 .listTodo__editionWindow {
  width: 70%;
 }
}

@media(min-width:1600px) {
 .listTodo__editionWindow {
  width: 70%;
 }
}