#wait{background:rgba(0,0,0,.5);position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;cursor:wait;}#wait .coin-border{position:absolute;top:calc(50% - 5.25em);left:calc(50% - 5.25em);background:linear-gradient(45deg,#fff 0%,#1c5a45 50%,#fff 100%);border-radius:10em;background-size:contain;width:10.5em;height:10.5em;animation-name:wait-coin-spin;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:1s;transform-style:preserve-3d;}#wait .coin{position:absolute;top:calc(50% - 5em);left:calc(50% - 5em);background:url("../Images/gap.png");background-size:contain;background-position:center center;background-repeat:no-repeat;background-color:#fff;border-radius:10em;background-size:90%;width:10em;height:10em;}@keyframes wait-coin-spin{0%{transform:rotateZ(0deg);}25%{}50%{}75%{}100%{transform:rotateZ(360deg);}}@keyframes wait-coin-explode{from{transform:scale(100%);opacity:1;}to{transform:scale(1000%);opacity:0;}}body{font-family:'Bahnschrift','Segoe UI',Tahoma,Geneva,Verdana,sans-serif;}#background{background:url("../Images/Background.jpg");background-repeat:no-repeat;background-size:cover;position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:.3;}#container{position:fixed;top:0;bottom:0;left:0;right:0;display:grid;}form{display:flex;align-items:center;margin:auto;}form>div{max-width:20rem;margin:1rem;display:grid;grid-template-columns:1fr;grid-template-rows:min-content min-content min-content;grid-template-areas:"logo" "title" "credentials";grid-gap:.5rem;justify-content:center;background:rgba(255,255,255,.5);border:1px solid #888;border-radius:.5rem;padding:2rem;box-shadow:1rem 1rem 1rem rgba(0,0,0,.3);backdrop-filter:blur(.1rem);}header{grid-area:logo;display:grid;align-items:center;justify-content:center;align-self:end;}header img{width:100%;}h1{grid-area:title;margin:1rem -2rem;text-align:center;background:rgba(28,90,69,.8);color:#fff;padding:.5rem .5rem .35rem .5rem;}article{align-self:start;grid-area:credentials;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,min-content) min-content;grid-gap:.5em;align-items:center;justify-content:center;position:relative;}article div{position:relative;}article input{padding:1em;border:1px solid #aaa;border-radius:.25em;font:inherit;width:100%;box-sizing:border-box;}article button{padding:1em;background:#ca5699;border:0;border-radius:.5em;color:#fff;font:inherit;font-weight:bold;cursor:pointer;}article button:hover{background-color:rgba(202,86,153,.8);}article .field-validation-error{display:block;background:rgba(90,28,49,.5);color:#000;border:1px solid #5a1c31;padding:.5em;font-size:110%;margin:.5em;}