#modal {display:none}
body.modal {overflow: hidden}
body.modal #modal {align-items: center; background-color: rgba(0,0,0,0.85); display: flex; height: 100%; left: 0; overflow: auto; position: fixed; top: 0; width: 100%; z-index: 100}
#modal_content {height: auto; margin: auto; max-width: 40rem; position: relative; text-align: center; width: calc(100% - 2rem)}
#modal_form {background-color: #00205b; color: #ffffff; padding: 2rem}
#modal_closer {color: #ffffff; cursor: pointer; display: block; font-size: 2rem; height: 1rem; line-height: 1rem; position: absolute; right: 0; top: 0}