/* menu modal */
label {display:contents;}
.modal {position:fixed;min-height:100vh;width:100%;top:0;left:0;display:none;z-index:2;}
#modal-open:checked ~ #modal {display:flex;}
#modal-open:not(:checked) ~ #modal {display:none;}
.modal-overlay {width:100%;height:100%;position:absolute;background-color:rgba(0, 0, 0, 0.5);left:0;}
.modal-content {background:#fff;width:75%;position:relative;margin:auto;height:75%;border-radius:14px;max-width:400px;}
.modal-title {padding:12px 12px;margin:0px;background:#4b9fe1;border-radius:14px 14px 0px 0px;}
.modal-title > h2 {font-family:sans-serif;margin:0px;color:#fff;text-align:center;}
.modal-menu {padding:0px 22px 0px 22px;}
.modal-menu > hr {margin:0px;border:0;height:0.5px;background-image:linear-gradient(to right,#fff,#4b9fe1,#fff);}
.modal-menu-button {font-family:sans-serif;font-size:1.4em;background:none;border:none;margin:11px 0px;padding:0px 4px;display:block;width:100%;text-align:center;color:#3778c2;cursor:pointer;text-decoration:none;}
.modal-menu-button:hover {text-decoration: underline;}