#wp-login-form, #nav {
  visibility: hidden;
}

#loginform {
  max-width: 250px;
  margin: 0 auto 30px auto;
}

#login {
  width: 100%;
  position: relative;
}

.login-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 0 20px;
  flex-direction: column;
}
.login-buttons a:not(.link) {
  text-decoration: none;
  background-color: #ffcd00;
  border-radius: 8px;
  position: relative;
}
.login-buttons a:not(.link):hover {
  background-color: #e6b900;
}
.login-buttons a:not(.link) .content {
  color: black;
  position: absolute;
  bottom: 15px;
  left: 15px;
}
.login-buttons p {
  margin: 0 auto;
}
.login-buttons .title {
  color: black;
  font-size: 16px;
}
@media screen and (max-width: 420px) {
  .login-buttons {
    flex-direction: column;
  }
  .login-buttons a {
    margin: 0 auto;
  }
}

#solis-login {
  background-image: url(../images/uu-avatar-bw.svg);
  background-repeat: no-repeat;
  background-position: top 15px right 15px;
  background-size: 50px;
  width: 100%;
  min-height: 130px;
  margin: 0 auto;
}

#wp-login {
  background-image: url(../images/wp.svg);
  background-repeat: no-repeat;
  background-position: top 15px right 15px;
  background-size: 47px;
  background-color: #ddd;
  width: 100%;
  min-height: 130px;
  margin: 0 auto 20px auto;
}
#wp-login:hover {
  background-color: #ccc;
}

.login #backtoblog, .login #nav {
  max-width: 300px;
  margin: 1em auto 0 auto;
}
.login #backtoblog {
  margin-top: 100px;
  text-align: center;
}

#login h1 a, .login h1 a {
  background-image: url(../images/uu-logo-en.svg);
  height: 65px;
  width: 100%;
  background-size: 320px 65px;
  background-repeat: no-repeat;
  padding-bottom: 30px;
}/*# sourceMappingURL=frontend-login.css.map */