.patterns{height:100vh}svg text{font-family:Lora;letter-spacing:10px;stroke:#2168ac;font-size:50px;font-weight:700;stroke-width:3;animation:textAnimate 5s infinite alternate}@media (max-width:600px){svg text{font-size:29px;letter-spacing:4vw;stroke-width:.3vw}}@keyframes textAnimate{0%{stroke-dasharray:0 50%;stroke-dashoffset:20%;fill:#8a90a2}to{stroke-dasharray:50% 0;stroke-dashoffstet:-20%;fill:rgba(148,222,235,0)}}.gallery{--s:180px;--g:10px;--f:1.5;display:grid;gap:var(--g);width:calc(6 * var(--s) + 5 * var(--g));height:610px;aspect-ratio:1;grid-template-columns:repeat(6,auto);grid-template-rows:repeat(3,auto)}.gallery>img{width:0;height:0;min-height:100%;min-width:100%;gap:var(--g);object-fit:cover;cursor:pointer;filter:grayscale(80%);transition:.35s linear}.gallery img:hover{filter:grayscale(0);width:calc(var(--s) * var(--f));height:calc(var(--s) * var(--f))}@media (max-width:900px){.gallery{grid-template-columns:repeat(3,auto);width:calc(3 * var(--s) + 2 * var(--g))}}