#blue-square{display:flex;justify-content:center}#blue-square #outer{width:10vw;height:10vw;background-color:#1448c1;border-radius:1vw;position:relative;overflow:hidden}#blue-square #inner{width:11vw;height:11vw;top:50%;left:40%;background-color:#031bcf;transform:translate(-50%,-50%) rotate(45deg);position:absolute}#blue-square #text{top:50%;left:40%;color:#fff;transform:translate(-50%,-50%);position:absolute;font-size:1vw;font-weight:700}#blue-square #back-text{top:50%;left:70%;color:#3f64bd;transform:translate(-50%,-50%);position:absolute;font-size:5vw;font-weight:700}.header-container{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column;width:95vw;max-width:600px;min-width:240px;margin:40px auto;padding:0;box-sizing:border-box}.title{font-size:24px;line-height:36px;font-weight:700;align-items:center;text-align:center;margin:32px}.title span{display:inline-block}.notification{font-size:14px;color:#000000a6;text-align:right;width:100%}.image-gallery{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;padding:18px 0 0;min-width:240px;width:100%}.image-square{max-width:160px;max-height:160px;flex:1;aspect-ratio:1 / 1;min-width:0}.single-image-square{width:100%}.image-square img,.single-image-square img{width:100%;height:100%;object-fit:cover;border-radius:8px}@media (max-width: 768px){.title span{display:block}.header-container{width:90vw}.image-gallery{gap:2%}}@media (max-width: 428px){.title{font-size:22px}.image-gallery{gap:1%}}