body{
    background: #0a0909;
}
.form {
    display: flex;
    flex-direction: column;
    max-width: 40%;
    margin: 0 auto;
    margin-top: 300px;
    align-items: center;
	box-shadow:0 12px 15px 0 rgba(29, 29, 29, 0.24),0 17px 50px 0 rgba(0,0,0,.19);
    background:rgba(109, 109, 109, 0.5);
  }

  .form .form__label{
      margin-bottom: 5px;
      font-size: xx-large;
      color: rgb(255, 255, 255);
  }

  .form .form__input{
      margin-bottom: 10px;
      width: fit-content;
      width: 30%;
      height: 20px;
      border-radius: 4px;
      font-size: x-large;
      border: 6px #273b39 solid;
  }

  .form .form__input:focus{
      border-color: rgb(30, 31, 39);
      border-radius: 5px;
  }

  .form .form__button{
      background-color: #0f2913;
      border: 0;
      width: 20%;
      margin-bottom: 10px;
      border-radius: 5px;
      color: aquamarine;
      font-size: 19px;
      transition: background-color 0.5s ease-in-out;
  }

  .form .form__button:hover{
      background-color: rgb(18, 6, 49);
  }

  a{
      color: #0a0909;
  }