.tmodal{display:none;position:fixed;z-index:4;padding-top:2%;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,.4)}.modal-header{background-color:#8ba1c1;border-bottom:1px solid gray;border-top-left-radius:6px;border-top-right-radius:6px;position:relative}.headertext{font-size:22px;font-weight:bold;text-align:center;margin-top:4px;margin-bottom:4px}.modal-content{background-color:#f9f9f9;margin:auto;box-shadow:2px 2px 5px 2px #4c4c4c;max-width:875px;margin-bottom:100px;border-radius:12px}.modal-close{position:absolute;top:7px;right:5px;z-index:1;width:36px;height:36px;padding:0;border:1px solid #e2e2e2;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.12);display:grid;place-items:center;cursor:pointer;transition:background-color .2s ease}.modal-close::before,.modal-close::after{content:"";position:absolute;width:14px;height:2px;border-radius:1px;background-color:#0b2038;transition:background-color .2s ease}.modal-close::before{transform:rotate(45deg)}.modal-close::after{transform:rotate(-45deg)}.modal-close:hover{background-color:#222222}.modal-close:hover::before,.modal-close:hover::after{background-color:#fff}.modal-close:focus-visible{outline:2px solid #0b2038;outline-offset:2px}@media screen and (max-width:825px),screen and (max-height:825px){.tmodal{padding-top:25px}.modal-close{transform:scale(1.15)}}