.app{width:100%;height:auto;font-family:roboto;background:linear-gradient(180deg,#e89289,#fff);cursor:pointer}.grid-container-top{display:grid;grid-template-columns:auto auto;gap:.5em;padding:5em}.grid-container{display:grid;grid-template-columns:auto auto;gap:.5em}.grid-container-single{display:grid;grid-template-columns:auto;gap:.5em}.clients-container{display:flex;justify-content:center;align-items:center;text-align:center}.grid-container button{display:flex;justify-content:center;align-items:center;border-radius:.5em;border:none;padding:1em;background-color:#fff;cursor:pointer;color:#000;text-decoration:none;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px}.item3-h{box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px;grid-column-start:1;grid-column-end:3}.item3-v{box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px;grid-row-start:1;grid-row-end:3}.info-container{border-radius:.5em;min-height:15rem;height:100%;text-align:center;transform:scale(1)}.info-container:hover,.info-container.active{animation:example .3s ease-in-out forwards}.info-container:hover .info-tab{animation:example3 .3s ease-in-out forwards}@keyframes example{0%{transform:scale(1);z-index:1}30%{transform:scale(97%);z-index:1}70%{transform:scale(103%);z-index:2}to{transform:scale(1);z-index:2}}@keyframes example3{0%{opacity:0}to{opacity:1}}.info-container h4{color:#141414;width:75%}.info-container p{color:#fff;font-size:small}.info-tab{background-color:#141414;border-radius:.45em;text-align:left;opacity:0}.clients{display:grid;grid-template-columns:auto auto auto auto;grid-gap:.5em;padding:.5em;justify-items:center;align-items:center}.clients-sq{max-width:40%;height:auto;padding:.5em;opacity:.75}.clients-h{max-width:60%;height:auto;padding:.5em;opacity:.75}.clients-sq:hover,.clients-sq.active,.clients-h:hover,.clients-h.active{animation:example2 .3s ease-in-out forwards}@keyframes example2{0%{transform:scale(1);z-index:1}to{transform:scale(1.1);z-index:2}}.logo{width:256px;height:100%}@media (max-width: 768px){.grid-container-top{display:flex;flex-direction:column;padding:.5em}.grid-container{display:flex;flex-direction:column}.info-tab{opacity:1}.logo{width:128px;height:100%}.clients-container{display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}.clients{display:grid;grid-template-columns:auto auto;grid-gap:.5em;padding:.5em;justify-items:center;align-items:center}.clients-sq,.clients-h{max-width:80%;height:auto;padding:.5em;opacity:.75}}.contact{width:100%;height:auto;color:#000;font-family:roboto;background:linear-gradient(180deg,#e89289,#fff)}.contact-info{padding:1rem}