.modal{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{overflow:auto;margin:calc(10vh - 20px) auto;position:relative;animation:animatetop .4s;background-color:#fefefe;padding:20px;border:1px solid #bfbfbf;height:80%;width:80%}.modal-close-btn{color:#aaa;font-size:36px;font-weight:700;position:absolute;right:20px;top:20px;cursor:pointer}.modal-content-title{font-size:2rem;border-bottom:1px solid #999;font-family:Work}.modal-content-text{font-family:Noto;font-size:1rem;white-space:pre-line;text-align:justify}.modal-close-btn:focus,.modal-close-btn:hover{color:#e6e6e6}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}