* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
   }

   body {
       height: 100vh;
       display: flex;
       background-color: rgb(87, 189, 130);
       transition: background 0.5s ease;
       position: relative;
   }

   .field-name,
   .field-email,
   .field-password,
   .field-finish {
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       background: white;
       height: 50px;
       max-width: 400px;
        width: 95%;
       /*width: 400px;*/
       display: flex;
       justify-content: space-between;
       align-items: center;
       border-radius: 7px;
       transition: all 0.5s ease;

   }

   .field-name i,
   .field-email i,
   .field-password i,
   .field-finish i{
       padding: 10px;
       cursor: pointer;
   }

   .field-name input,
   .field-email input,
   .field-password input {
       background: none;
       border: none;
       flex: 1;
       
       height: 100%;
       outline: none;
   }

   div.innactive {
       opacity: 0   ;
       pointer-events: none;
       transform: translate (-50%, 50%);
   }

   div.active {
       opacity: 1;
       pointer-events: all;
       transform: translate(-50%, -50%);
   }

   @keyframes shake {
       0%{
            transform: translate(-50%, -50%) rotate(0deg);
       }
       50%{
        transform: translate(-50%, -50%) rotate(10deg);

       }
       100%{
        transform: translate(-50%, -50%) rotate(0deg);

       }
   }

   /*.container{
       position: absolute;
       right: 40%;
        top: 200px;
       height: 20vh;
       
       color: #373737;
      
   }

   .container title i {
       font-size: 50px;
   }
   */
   .box-center{
       display: flex;
       margin: auto;
   }

   .container{
    transform: translate(-10%, -110%);
    transition: all 0.5s ease;
    position: relative;
   }

   .box-center .container i {
       font-size: 50px;
        position: absolute;
        left: 100%;
        top:-70%;
    }

    .box-center .container h1{
        margin-bottom: 20px;
    }