Page 1
Page 2
Page 3
Page 4
Page 5
Page 6
Page 7
Page 8
Page 9
Page 10
Page 11
Page 12
Page 13
Page 14
Page 15
Page 16
Page 17
Page 18
Page 19
Page 20
Page 21
Page 22
Page 23
Page 24
Page 25
------MultipartBoundary--mMfeNCIQfV7MKPdIA8kxyFhzW1WKj4wosZV4PccgbP---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-c3f08453-03e4-4743-b27d-7ddbfc2a24be@mhtml.blink @charset "utf-8"; body { margin: 0px; padding: 20px; font-family: Arial, sans-serif; background-color: rgb(240, 240, 240); } .grid-container { display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; max-width: 800px; margin: 0px auto; } .square { position: relative; padding-top: 100%; background-color: rgb(52, 152, 219); border-radius: 8px; transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; text-decoration: none; color: white; display: flex; align-items: center; justify-content: center; } .square:hover, .square:focus { transform: scale(1.05); box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px; } .square-content { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 5px; } .info-box { visibility: hidden; max-width: 600px; margin: 30px auto; padding: 20px; background-color: white; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px; text-align: center; transition: opacity 0.3s; } @media (max-width: 768px) { .grid-container { gap: 10px; padding: 0px 10px; } } ------MultipartBoundary--mMfeNCIQfV7MKPdIA8kxyFhzW1WKj4wosZV4PccgbP------