*{
        margin: 0;
        padding: 0;
        background: #407695;
        font-family: arial;
      }
      .main{
        position: absolute;
        top: 50%;
        left: 48%;
        transform: translate(-50%,-50%);
        width: 250px;
        height: 40px;
      }
      input{
        border: 2px solid #fff;
        border-radius: 5px;
        width: 100%;
        height: 100%;
        font-size: 18px;
        padding: 0 40px 0 10px;
        outline: none;
        color: #fff;
        box-shadow: 0 0 10px -4px #fff;
        letter-spacing: 1px;
      }
      i:active{
        color: #c2c2c2;
      }
      i{
        position: absolute;
        top: 10px;
        right: -46px;
        color:#fff;
        cursor: pointer;
        font-size: 40px;
        transform: scale(1.1);
      }
      p{
        color:#fff;
        font-size: 18px;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%,-50%);
        letter-spacing: 1px;
      }