CSS

Filters

body {
  -webkit-backdrop-filter: blur(5px) brightness(0.2);
  backdrop-filter: blur(5px) brightness(0.2);
}

Snippets

.box {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  .innerBox {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.box2 {
  .innerBox2 {
    display: flex;
    align-items: center;
    gap: 20px;
  }
}

form {
  display: flex;
  flex-wrap: wrap;
  max-width: 500px;
  justify-content: space-between;

  .item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;

    label {
      font-size: 14px;
    }

    input {
      padding: 10px;
      background-color: transparent;
      color: white;
      outline: none;
      border: 1px solid;
      border-radius: 3px;
    }
  }

  button {
    width: 100%;
    padding: 10px;
    cursor: pointer;
  }
}