* {
 padding: 0px;
 margin: 0px;
}
header {
 background-color: #131313;
 margin-bottom: 12px;
 border-bottom: 1px solid #646464;
}
body {
 font-family: 'Courier New', Courier, monospace;
 background-color: #3c3c3c;
}
h1 {
 text-align: center;
 color: #f5f5f5;
 padding: 12px;
}
#form {
 margin-left: auto;
 margin-right: auto;
 gap: 10px;
 display: flex;
 width: 80%;
 justify-content: space-between;
}
input {
 flex: 1;
 background-color: #131313;
 color: #b5b5b5;
 border: 1px solid #646464;
 padding: 12px;
 box-shadow: 2px 2px 2px #13131350;
}
#inputBtt {
 color: #f5f5f5;
 box-shadow: 2px 2px 2px #13131350;
 padding: 12px;
 background-color: #646464;
 border: 1px solid #b5b5b5;
}
ul {
 margin-top: 10px;
 margin-left: auto;
 margin-right: auto;
 width: 80%;
}
li {
 background-color: #3c3c3c;
 color: #f5f5f5;
 display: flex;
 justify-content: space-between;
 list-style: none;
 padding: 6px;
 transition: ease-out .2s;
}
li:hover {
 border: 1px solid #646464;
}
button {
 cursor: pointer;
 background-color: #3c3c3c;
 color: #f5f5f5;
 border: none;
}
button:hover {
 background-color: #707070;
}