body {
    margin: 0;
    min-width: 250px;
  }
  
/* Include the padding and border in an element's total width and height */
* {
box-sizing: border-box;
}

/* Remove margins and padding from the list */
ul {
margin: 0;
padding: 0;
}

/* Style the list items */
ul li {
cursor: pointer;
position: relative;
padding: 12px 8px 12px 40px;
list-style-type: none;
background: #eee;
font-size: 18px;
transition: 0.2s;

/* make the list items unselectable */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Set all odd list items to a different color (zebra-stripes) */
ul li:nth-child(even) {
text-align: right;
background: #f9f9f9;
}

/* Darker background-color on hover */
ul li:hover {
background: #ddd;
}


/* Style the close button */
/* .close {
position: absolute;
right: 0;
top: 0;
padding: 12px 16px 12px 16px;
}

.close:hover {
background-color: #f44336;
color: white;
} */



/* .close::after {
content: "";
clear: both;
display: table;
} */

/* Style the header */
.header {
background-color: #0c8032;
padding: 30px 40px;
color: white;
text-align: center;
}

/* Clear floats after the header */
.header:after {
content: "";
display: table;
clear: both;
}

/* Style the input */
input {
margin: 0;
border: none;
border-radius: 0;
width: 75%;
padding: 10px;
float: left;
font-size: 16px;
}

/* Style the "Add" button */
.sendBtn {
padding: 10px;
width: 25%;
background: #d9d9d9;
color: #555;
float: left;
text-align: center;
font-family: Times New Roman;
font-size: 16px;
cursor: pointer;
transition: 0.3s;
border-radius: 0;
}

.sendBtn:hover {
background-color: #bbb;
}