@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
body {
  width: 100%;
  height: 100%;
  font-family: 'Roboto', sans-serif;
  background: #F1F3F5;
  overflow: hidden; }

* {
  box-sizing: border-box; }

.container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 40px;
  padding: 20px; }

.footer {
  color: #ccc; }

.block {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 15px;
  padding: 20px;
  max-width: 500px;
  width: 100%; }
  .block__header {
    font-weight: 800;
    font-size: 24px; }

.amf__form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px; }
  .amf__form-field {
    display: flex;
    flex-direction: column;
    gap: 10px; }
    .amf__form-field-label {
      font-weight: 600;
      font-size: 14px; }
    .amf__form-field-input {
      width: 100%; }
      .amf__form-field-input input {
        width: 100%;
        padding: 15px;
        border-radius: 4px;
        border: 1px solid #ccc;
        font-size: 16px; }
    .amf__form-field button {
      padding: 15px;
      color: #fff;
      outline: none;
      border: 0;
      border-radius: 4px;
      background: #339AF0;
      transition: all .1s ease;
      cursor: pointer;
      font-size: 16px;
      font-weight: 500; }
      .amf__form-field button:hover {
        background: #2485d5; }