html, body {
    height: 100%;
}

.container {
   padding-top: 5rem;
   text-align: center;
}

form {
    text-align: left;
}

img {
    vertical-align: top !important;
}



.localtoast {
    max-width: 350px;
    border-radius: .25rem;
    max-width: 350px;
    overflow: hidden;
    font-size: .875rem;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,.1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0;
    border-radius: .25rem;
}

.localtoast.showing {
      opacity: 1;
    }
  
.localtoast.show {
      display: block;
      opacity: 1;
    }
  
.localtoast.hide {
      display: none;
    }