.modal,.info-box{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);}.modal{width: 50%;}.modal-content{background-color:#fdf2e9;padding:20px;border:1px solid #777;border-radius:11px;text-align:center;font-size: 1.8rem;box-shadow:5px 5px 10px rgba(0,0,0,0.2);}.info-box{width:50%;padding:20px;background-color:#fdf2e9;border:1px solid #777;border-radius:11px;text-align:center;box-shadow:5px 5px 10px rgba(0,0,0,0.2);}.closeInfo,.close {color: #333;float: right;font-size: 1.8rem;font-weight: bold;cursor: pointer;}.closeInfo:hover,.close:hover{color: black;}.grid-e-book{grid-template-columns:1fr 5px;row-gap:5px;}.grid-1col{grid-template-columns:1fr;row-gap:5px;}