@charset "UTF-8";body{font-family:arial,sans-serif;background-color:#f7f7f7;margin:0;padding:0}header{background-color:#2c3e50;color:#ecf0f1;text-align:center;padding:20px}header.imageBanner{background-image:url(/images/logo-banner_hu82f3e5f70f1a10097a7135885ca13074_382106_e7e9b0449cc0d1b841906a234b796bf5.93b69d5f63037ecbee4999484a70936e9286923361697eed8ecdb6beed68201936c12269e23ddee83cb7e42fe7b0fa8016aecdb990b2b332ef537dc4b2029656.png);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;transform:scale(1)}nav{background-color:#34495e;text-align:center;padding:10px}nav a{color:#ecf0f1;text-decoration:none;margin:0 15px;font-size:16px;font-weight:700}nav a:hover{color:#efa}nav a.active{color:#faa}section{max-width:800px;margin:20px auto;padding:20px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:8px}p{color:#555;line-height:1.6}img{max-width:100%;height:auto;border-radius:8px}div.albums{display:flex;flex-wrap:wrap;justify-content:space-between}div.albums img{max-width:30%;margin:8px;height:auto;border-radius:8px}footer{text-align:center;padding-top:10px;padding-bottom:10px;background-color:#2c3e50;color:#ecf0f1;width:100%}header a,footer a{text-decoration:none;color:#ecf0f1}header a:hover,footer a:hover{color:#efa}.image-grid{max-width:800px;margin:20px auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.image-item{position:relative;transition:.1s ease-in-out}.image-item img{width:100%;height:100%;object-fit:cover}.image-item:hover{transform:scale(1.1);transition:.3s ease-in-out}.image-item:hover .overlay{opacity:.95;transition:.3s ease-in-out}.overlay{position:absolute;bottom:0;left:0;right:0;height:20%;width:100%;opacity:0;transition:.1s ease-in-out;background-color:#008cba;border-radius:8px;border-top-right-radius:0;border-top-left-radius:0}.overlay .text{color:#fff;font-size:20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}ul{list-style-type:none;color:#556;padding:0}li::before{content:'𝅘𝅥𝅮';color:#655;margin-right:10px;padding-left:10px}.note{position:absolute;font-size:24px;color:#ff69b4;pointer-events:none}