* {
  box-sizing: border-box;
  outline: none;
  font-family: Lato, serif !important;
  font-weight: 300;
}

body, html {
  height: 100%;
}

body {
  /* The image used */
  background-image: url("./11.jpg");

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  backdrop-filter: blur(3px);
}

.title {
  color: #fff;
}

.logo {
  height: auto;
  width: 230px;
}