html {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  position: relative;
  display: flex;
  min-height: 100%;
  flex-direction: column;
  padding: 0;
  margin: 0;
}
body > * {
  flex: 0 0 auto;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
  display: block;
}

/*
 * Set z-index on main to contain all content layers.
 */
main {
  z-index: 1;
}

button {
  border: 0;
  background: transparent;
}

a,
button {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  transition: all 0.3s;
}

img {
  max-width: 100%;
  height: auto;
}

iframe {
  border: 0;
}

.text-404 {
  padding-top: 8rem;
  padding-bottom: 20rem;
}

/*
 * Page
 */
.no-padding {
  padding: 0;
}

/* Image utils */
.image-fillarea {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* WP fixes */
@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
    overflow: hidden;
  }
}

.login {
  overflow: visible;
  background-size: 300% 300%;
  background-color: #fff8f0;
  background-color: #f2542d;
  background-image: radial-gradient(at 97% 97%, #ffd524 0, transparent 47%), radial-gradient(at 1% 86%, #D0A3E5 0, transparent 42%), radial-gradient(at 63% 9%, #fff8f0 0, transparent 50%), radial-gradient(at 34% 44%, #ffd524 0, transparent 44%), radial-gradient(at 92% 54%, hsl(313, 100%, 62%) 0, transparent 50%), radial-gradient(at 89% 15%, #ffd524 0, transparent 50%), radial-gradient(at 1% 0%, #f2542d 0, transparent 50%), radial-gradient(at 49% 78%, #f2542d 0, transparent 50%);
  animation: gradient1 60s linear infinite;
  color: #000000;
}
@keyframes gradient1 {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
.login #login {
  padding: 0;
}
.login h1 a {
  background-image: none;
  text-indent: unset;
  width: unset;
  height: unset;
}
.login h1 a svg,
.login h1 a img {
  max-width: 100%;
  fill: #ffffff;
}
.login .button {
  border-radius: 10px;
  text-transform: uppercase;
  background-color: #F2542D;
  color: #ffffff;
  border: none;
  border-radius: 24px;
  font-weight: 700;
}
.login form {
  background-color: #ffffff;
  border-radius: 10px;
  border: 0;
  box-shadow: unset;
}
.login #nav a,
.login #backtoblog a {
  color: #000000;
}
.login #nav a:hover,
.login #backtoblog a:hover {
  color: #F2542D;
}

/*# sourceMappingURL=wplogin.css.map */