*{box-sizing:border-box}body{font-family:sans-serif;color:#0e0e0e}section{max-width:1300px;margin-left:auto;margin-right:auto}h1{text-align:center}h4{margin-top:.75rem;margin-bottom:.75rem}.grid{display:grid;grid-template-columns:3fr 1fr}.grid>div:first-child{padding:.75rem}.button,button{margin-top:.5rem;padding:.6rem 1rem;background-color:#5bc0de;border:none;cursor:pointer}.button:hover,button:hover{background-color:#42b6d9}.button{text-decoration:none}.form-group{display:flex;align-items:center;margin-top:.25rem;margin-bottom:.25rem}.reverse{direction:rtl}input[name=info]{align-self:auto}.form-group label{flex-grow:1}#modal-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;flex-direction:column;background:rgba(0,0,0,.7);animation:fadeIn .3s both}[role=dialog],dialog{position:relative;bottom:10vh;z-index:10;background-color:#fafafa;border:0;padding:2rem;border-radius:4px;max-height:80%;max-width:60rem;overflow:auto;margin:0 auto;box-shadow:6px 6px 4px 1px #555;animation:slideFromTop .3s .1s both}#popup-message{margin-bottom:1rem}.close{position:absolute;right:16px;top:8px;font-size:32px;opacity:.4;background-color:inherit;padding:0;cursor:pointer}.close:focus,.close:hover{opacity:.6}[hidden]{display:none!important}.button.modal-action{margin:0;padding:.3rem .5rem;color:inherit}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideFromTop{from{transform:translateY(-10vh)}to{transform:translateY(-5vh)}}