* {
  margin: 0;
  box-sizing: border-box;
}
body {
  margin: o;
  min-height: 100vh;
  box-sizing: border-box;
  font-family: arial, sans-serif;
  display: flex;
  flex-direction: column;
  color: aliceblue;
  background-color: rgb(18, 56, 38);
  border: 10px solid rgb(43, 77, 43);
  
  
}
header {
  border: 2px solid gray;
  display: flex;
  background-color: rgb(21, 90, 67);
  color: rgb(248, 245, 245);
  padding: 20px;
  text-transform: lowercase;


}
main {
  flex: auto;
  background-color: rgb(39, 128, 98);
  padding: 20px;
  
}
main ul {
    padding: 0;
    list-style: none;
}
main li {
    border: 1px solid rgb(119, 141, 90);
    padding: 5px;
}
footer {
 
  display: flex;
  background-color: rgb(24, 61, 37);
  
}
footer input {
    flex: auto;
    padding: 5px;
    background-color: rgb(24, 61, 37);
    color: white;
    padding: 10px
}