body{
  
  margin: 40px auto;
  padding: 0 16px;
  background-color: rgb(19, 19, 77);
}
h1 {
      font-size: 200px;
      text-align: center;
      margin: 80px 20px;
      color: rgb(255,0,0);
      animation: rgbShift 6s linear infinite;
    }
    @keyframes rgbShift {
      0%   { color: rgb(255,0,0); }
      20%  { color: rgb(255,165,0); }
      40%  { color: rgb(255,255,0); }
      60%  { color: rgb(0,128,0); }
      80%  { color: rgb(0,0,255); }
      100% { color: rgb(75,0,130); }
    }
input{
  padding: 6px 10px;
  margin-left: 240px;
  border-radius: 20px;
  background-color: rgb(92, 77, 77); 
border-style: none;
font-size: 50px;
  border: 3px solid rgb(236, 95, 95);
   transition: border-color 1s ease;


}
 input:focus {
      border-color: green;
    }
li{
  margin: 6px 0;
  color: rgb(92, 77, 77);
  font-size: 100px;
  margin-left: 30px;
}
.add-btn{
  background-color: rgb(92, 77, 77);
  border-radius: 20px;
  border-style: none;
  cursor: pointer;
  font-weight:10px ;
  font-size: 50px;
}