.cf1{
      background-color: lightgrey; 
      height:650px;
    }

    .c1{
      text-align:center; 
      margin-top: 20%;
    }

    img{
      margin-bottom: 1%;
    }

    .logotext{
      color: white; 
      font-size: 17px; 
      margin-right:11px;
    }

    .heading{
      line-height: 70px; 
      background-color: #c0edf58f;"
    }

    .mainform{
      margin-left: 30px;
    }

     .card{
      height:300px;
      width:240px;
      background-color:#fff;
      box-shadow:0 4px 8px 5px rgba(0,0,0,0.2);
    }

    .card h2{
      text-align: center;
      font-size: 20px;
      margin-top: 60%;
    }

    .card input[type="text"],
    .card input[type="password"]{
      border: none;
      border-bottom: 2px solid #D9D5D4;
      outline: none;
      
      font-style: italic;
      width: 190px;
      color: #3c3636;
    }

    .p1{
     
      font-weight: 550;
      margin-top: -30px; 
      margin-bottom: 3px; 
      color:#6f6a6a;"
    }

    .p2{
     
      font-weight: 550; 
      margin-top: 28px; 
      margin-bottom: 3px; 
      color:#6f6a6a;"
    }


    .fp{
      color: red; 
      font-weight:bold; 
     
    }