.gallery,.list{max-width:1400px;margin:auto}.list{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.list a{color:#696969;font-size:18px;transition:color .3s,opacity .3s;-webkit-transition:color .3s,opacity .3s;text-decoration:none;text-align:center;padding:10px;border:1px solid #000;border-radius:10px;opacity:.8}.list a:hover{color:#000;opacity:1}center{font-family:Noto Sans,sans-serif;font-weight:400;font-size:16px}center h1{font-family:Raleway,sans-serif;font-weight:400;font-size:45px}.gallery{display:grid;padding:5px;grid-gap:5px}@media (max-width:767px){.gallery{grid-template:repeat(1,1fr)/repeat(2,1fr)}}@media (min-width:768px){.gallery>div:nth-child(4),.gallery>div:nth-child(6n+1){grid-column:span 2;grid-row:span 2}.gallery{grid-template:repeat(1,1fr)/repeat(6,1fr)}}.gallery>div>a{opacity:0;position:absolute;color:#000;background-color:#000;font:bold 4em Helvetica;text-shadow:0 -1px 5px #fff,-1px 0 5px #fff,0 1px 5px #fff,1px 0 5px #fff;mix-blend-mode:difference;width:100%;height:100%;transition:1s}.gallery>div>img{width:100%;min-height:100%;transition:1s;object-fit:cover}.gallery>div{overflow:hidden;position:relative;box-shadow:0 2px 8px 0 rgba(0,0,0,.2),0 3px 20px 0 rgba(0,0,0,.19);width:100%}.gallery a,.gallery div{display:flex;justify-content:center;align-items:center;text-decoration:none;aspect-ratio:0.8}