.outerdiv{align-items:center;display:flex;justify-content:center;min-height:100vh;width:100%}.innerdiv{grid-gap:1.5rem;display:grid;grid-template-columns:repeat(4,17rem);grid-template-rows:repeat(2,22rem);margin:1rem}.eachdiv{border-radius:.8rem;box-shadow:5px 5px 20px #6d6b6b6b;color:#fff;padding:1rem 2rem}.div1{background:#18202d;background-position-x:25rem;background-repeat:no-repeat;grid-column:1/3}.div1,.div2{grid-row:1/2}.div2{background:#49556b;grid-column:3/4}.div3{grid-column:4/5;grid-row:1/3}.div3,.div4{background:#fff;color:#000}.div4{grid-column:1/2}.div4,.div5{grid-row:2/3}.div5{background:#18202d;grid-column:2/4}.userdetails{display:flex}.imgbox{margin-right:1rem}.imgbox img{border:2px solid #cec5c5;border-radius:50%;width:2rem}.detbox{display:flex;flex-direction:column;justify-content:center}.detbox p{margin:0}.detbox .name{color:#cfcfcf;font-size:.9rem;font-weight:600;margin-bottom:.1rem}.detbox .name.dark{color:#49505a}.detbox .designation{color:#cfcfcf;font-size:.8rem;opacity:50%}.detbox .designation.dark{color:#49505a}.review h4{color:#f3deff;font-size:22px;font-weight:600;line-height:1.5;margin-bottom:.8rem}.review.dark h4{color:#4b5258}.review p{color:#f3deff;font-size:14px;font-weight:500;line-height:1.5;opacity:50%}.review.dark p{color:#0e0e0e}.attribution{bottom:1rem;font-size:1rem;line-height:1.5;position:fixed;right:1rem;text-align:right}.attribution a{text-decoration:none}@media only screen and (max-width:1000px){.innerdiv{transform:scale(.7)}}@media only screen and (max-width:800px){.innerdiv{transform:scale(.6)}}@media only screen and (max-width:600px){.div1{background-position-x:10rem}.innerdiv{display:flex;flex-direction:column;margin:0 0 5rem;transform:scale(1)}.attribution{position:relative}}