*{
         padding: 0;
         margin: 0;
         font-family: 'poppins', 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
      }
      body{
         background-image: linear-gradient(rgb(194, 194, 252),rgb(29, 71, 240));
         display: grid;
         height: 100vh;
         place-items: center;
      }
      .main{
         width: 400px;
         height: 450px;
         background-color: white;
         position: absolute;
         border: 5px solid black;
         border-radius: 6px; 
      }
      .main input[type='text'] {
         width: 88%;
         position: relative;
         height: 30px;
         top: 5px;
         text-align: right;
         padding: 3px 6px;
         outline: none;
         font-size: 40px;
         border: 5px groove black;
         display: flex;
         margin: auto;
         border-radius: 6px;
         color: black;
      }
      .btn input[type='button']{
         width:90px;
         padding: 2px;
         margin: 2px 0px;
         position: relative;
         left: 13px;
         top: 20px;
         height: 60px;
         cursor: pointer;
         font-size: 18px;
         transition: 1.5s;
         background-color: #1b63f3ec;
         border-radius: 6px;
         color: white;
         opacity: .75;
      }
      .btn input[type='button']:hover{
         background-color: black;
         color: white;
      }
      #btn a:hover{
 
      }