:root{--transition-duration: .6s;--animation-duration: var(--transition-duration);--ease-function: cubic-bezier(.645, .045, .355, 1);--primary-color: #7165E4;--text-color: #333}html{font-size:10px}*{box-sizing:border-box}body{padding:0;margin:0;font-family:Roboto,sans-serif;color:var(--text-color)}.page-wrapper{display:grid;grid-template:auto 1fr / 1fr;height:100vh;width:100vw;padding:2rem;box-sizing:border-box}header{display:block;position:relative;width:100%;box-sizing:border-box}main{height:100%}.main-cards{margin:2.5rem 0;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:2rem}@media (min-width: 990px){.main-cards{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.main-cards{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion: reduce){:root{--transition-duration: 0s}}