.glass{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff59;border:1px solid #ffffff2d}.clip{clip-path:circle(50%)}
@media (min-width:768px){.scale:hover{transition-duration:.15s;transform:scale(1.05)}.scale:active{transition-duration:.15s;transform:scale(.9)}}
.parent{grid-column-gap:5px;grid-row-gap:7px;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);display:grid}.div1{grid-area:1/1/2/2}.div2{grid-area:1/2/2/3}.div3{grid-area:2/1/3/2}.div4{grid-area:2/2/3/3}.parent2{grid-column-gap:7px;grid-row-gap:7px;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(2,1fr);display:grid}.div5{grid-area:1/1/2/2}.div6{grid-area:1/2/2/3}.div7{grid-area:2/1/3/2}.div8{grid-area:2/2/3/3}.div9{grid-area:3/1/4/2}.div10{grid-area:3/2/4/3}.div11{grid-area:4/1/5/2}.div12{grid-area:4/2/5/3}.div13{grid-area:5/1/6/2}.div14{grid-area:5/2/6/3}
.parent{grid-column-gap:5px;grid-row-gap:7px;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);display:grid}.div1{grid-area:1/1/2/2}.div2{grid-area:1/2/2/3}.div3{grid-area:2/1/3/2}.div4{grid-area:2/2/3/3}.div5{grid-area:3/1/4/2}.div6{grid-area:3/2/4/3}
.parent{grid-column-gap:5px;grid-row-gap:7px;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);display:grid}.div1{grid-area:1/1/2/2}.div2{grid-area:1/2/2/3}.div3{grid-area:2/1/3/2}.div4{grid-area:2/2/3/3}.div5{grid-area:3/1/4/2}.div6{grid-area:3/2/4/3}