body {
    background-color: #1b1b1b;
    color: #fff;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.container {
    display: flex;
    justify-items: center;
    align-items: center;
    flex-direction: column;
}

.info-container {
  background-color: #aa8453;
  padding: 1em;
  max-width: 18em;
}

.header {
    display: flex;
    justify-items: center;
    font-size: 10vw;
    padding: .2em;
}

.gold {
  color: #FFB81C
}

.body {
    background-color: #282828;
    max-width: 800px;
    margin-right: 1em;
    margin-left: 1em;
    padding: 2em;
    padding-top: 0;
    margin-bottom: 2em;
    z-index: 10;
}

.mt {
  margin-top: -2em;
}

.login {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100vh;
}

.login input {
  outline: none;
  animation: glow 1s ease-in-out infinite alternate;
  border: 1px solid #fff;
}
.input:focus {
  border: 0;
}

.body > h2 {
    text-align: center;
}

.submit {
  font-size: 20px;
  background-color: transparent;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  overflow: hidden;
  outline: none;
}

a {
  color: #fff;
}
a:visited :hover {
  color: #fff;
}

.padding {
  padding-top: .2em;
  padding-bottom: .2em;
}

.bullet {
  padding-top: .4em;
  padding-bottom: .4em;
}

.slideshow--4-for-3 {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9; /* maintain 4:3 aspect ratio */
    overflow: hidden;
    z-index: 1;
  }
  
  .slideshow--4-for-3 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* crop and scale while maintaining aspect ratio */
    opacity: 0;
    animation: slideshow__fade--4-for-3 18s linear infinite;
    backface-visibility: hidden;
    transition: opacity 1s;
  }
  
  /* Only first image should be statically positioned */
  .slideshow--4-for-3 img:first-child {
    position: relative;
  }
  
  .slideshow--4-for-3 img:nth-child(1) {
    animation-delay: 0s;
  }
  .slideshow--4-for-3 img:nth-child(2) {
    animation-delay: 6s;
  }
  .slideshow--4-for-3 img:nth-child(3) {
    animation-delay: 9s;
  }
  .slideshow--4-for-3 img:nth-child(4) {
    animation-delay: 12s;
  }
  .slideshow--4-for-3 img:nth-child(5) {
    animation-delay: 15s;
  }

  
  @keyframes slideshow__fade--4-for-3 {  
    0%   { opacity: 0; }
    12.5% { opacity: 1; }
    25%  { opacity: 1; }
    37.5% { opacity: 0; }
    100% { opacity: 0; }
  }


  @keyframes glow {
    from {
      box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #FFB81C, 0 0 20px #FFB81C, 0 0 25px #FFB81C, 0 0 30px #FFB81C, 0 0 35px #FFB81C;
    }
    to {
      box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #FFB81C, 0 0 40px #FFB81C, 0 0 50px #FFB81C, 0 0 60px #FFB81C, 0 0 70px #FFB81C;
    }
  }