:root{--blue-gradient: linear-gradient(135deg, #122475 0%, #796aaa 100%);--red-gradient: linear-gradient(135deg, #95101d 0%, #ad474e 100%)}body{font-family:sans-serif;font-size:calc(16px + .1vw);background-size:cover}article{width:50%;background-color:#f0f8ffb3;padding:20px;margin:0 auto}@media screen and (max-width:1024px){article{width:70%;background-color:#f0f8ffb3;padding:20px;margin:0 auto}}@media screen and (max-width:786px){article{width:90%;background-color:#f0f8ffb3;padding:20px;margin:0 auto}}.textIcon{display:flex;align-items:flex-start;gap:20px;margin:20px 0}.textIcon img{flex-shrink:0;width:100px;height:auto}.textIcon p{margin:0;flex:1}.imageleftfloat{float:left;margin-right:15px;width:200px}@media(max-width:600px){.textIcon{flex-direction:column}.textIcon img{width:60px}}.imageBlock{display:flex;justify-content:space-around;flex-wrap:wrap}.imageBlock img{max-width:90%;margin:1em}.imageGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.imageItem{overflow:hidden}.imageItem img{width:100%;height:220px;object-fit:cover;transition:transform .4s ease}.imageItem:hover img{transform:scale(1.05)}@media(max-width:600px){.imageGrid{grid-template-columns:1fr}}