@font-face {
  font-family: 'noto-sans';
  src: URL('/assets/fonts/noto_sans.ttf') format('truetype');
}

body {
  background-image: url("/assets/images/default_background_1.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  backdrop-filter: blur(40px);

  font-family: noto-sans;
}

.login-box {
  width: 100%;
  height: 100%;
  box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
}

@media screen and (min-width: 640px) {
  .login-box {
    width: 440px;
    height: auto;
  }
}

.spt-primary {
  background-color: #008577;
  outline-color: #00ccb8;
  color: #fff;
}

.spt-primary:hover {
  background-color: #00574b;
  border-color: #00332c;
}

.spt-primary:active {
  box-shadow: 0 0 0 3px rgba(0,204,184,.45);
}