section>header{border-bottom:1px #000 solid;padding:2em 1em}section>header h1{font-size:26pt;margin:0;display:flex;align-items:center}section .card-container{display:grid;grid-gap:30px;padding:30px;grid-template-columns:repeat(3,1fr)}.card{text-align:center;border:2px solid #808080;border-radius:5px;display:flex;flex-direction:column;justify-content:space-between}.card button{background:transparent;border:none;padding:10px}.card img{border-radius:5px;max-height:200px;margin:auto}.card .title{font-weight:bold;font-size:20px}.card .description{font-size:16px}section.j-modal{position:fixed;width:100vw;height:100vh;top:0;left:0;box-sizing:border-box;background:rgba(0,0,0,.95)}section.j-modal.inactive{display:none}section.j-modal.active{display:flex}section.j-modal>div.j-modal{background:#fff;border-radius:5px;padding:25px;margin:auto}div.j-modal img{min-height:50vh;max-width:80vw;max-height:70vh}div.j-modal .buttons{display:flex;align-items:center}div.j-modal .buttons p{margin:0}div.j-modal .buttons .arrow{margin-left:1em}div.j-modal .buttons .close{margin-left:auto}