@media (max-width: 768px){
   nav{
      height: 40px;
      margin-left: 20px;
      margin-top: 20px;
    }
    nav h1{
      color: red;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      margin-left: 10px;
      font-size: 25px;
    }
    .div1 img{
      height:200px;
      width: 30px;
      object-fit: cover;
      border-radius: 20px;
      transition: 1.5s;
     }
     .div1 img:hover{
       width: 150px;
     }
     
   
    header{
      text-align: center;
      margin-top: 50px;
    }
    header h3{
      color: red;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    header p{
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      color: black;
    }
    section{
    margin-top: 20px;
    }
    .task{
      text-align: left;
      margin-top: 50px;
    }
    input{
      width: 150px;
      height: 30px;
    }
    .bn{
      margin-bottom: 5px;
      /* margin-left: 78px; */
      border: none;
     
      height: 30px;
      width: 100px;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      color: white;
      background-color: red;
     
    }
    .delt-btn{
      background-color:black;
      border: none;
      color: white;
      margin-left: 20px;
      width: 30px;
      margin-top: 10px;
      font-weight: bold;
    }
}