#preface{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%}#lpref{flex-basis:70%}#rpref{flex-basis:30%}@media(max-width: 600px){#lpref{flex-basis:100%}}#rpref img{border-radius:5px;cursor:pointer;transition:.3s;display:block}#rpref img:hover{box-shadow:2px 5px 4px 0 rgba(9,17,30,.1)}#pmodal{display:none;position:fixed;z-index:20;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.9)}#pmodal figure{margin:0 auto}#pmodal img{max-width:initial;height:initial;margin-right:-20px}#pmodal figcaption{color:#ccc;padding:30px 20px 20px;font-family:inherit}#pmodal figure,#pmodal figcaption{animation-name:zoom;animation-duration:.6s}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}#pclose{position:absolute;top:10px;right:20px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:.3s}#pclose:hover,#pclose:focus{color:#bbb;text-decoration:none;cursor:pointer}@media(max-width: 1100px){#pclose{position:sticky}}