@import"https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@500;700;900&display=swap";:root{--pale-blue: hsl(225, 100%, 94%);--bright-blue: hsl(245, 75%, 52%);--very-pale-blue: hsl(225, 100%, 98%);--desaturated-blue: hsl(224, 23%, 55%);--dark-blue: hsl(223, 47%, 23%)}html{box-sizing:border-box}*{box-sizing:inherit;margin:0;padding:0}body{font-size:100%;font-weight:500;font-family:"Red Hat Display",sans-serif;color:var(--desaturated-blue);background:no-repeat top center/contain url("/images/pattern-background-desktop.svg"),var(--pale-blue);height:100vh;display:grid;place-items:center}@media(max-width: 700px){body{background:no-repeat top center/contain url("/images/pattern-background-mobile.svg"),var(--pale-blue)}}h1,h2,h3,h4{font-weight:900;color:#000}a{text-decoration:none;color:inherit;font-weight:700;transition:all 150ms ease-in-out}img{width:100%;height:100%}.container{max-width:500px;display:grid;grid-template-rows:1fr,2fr;border-radius:20px;overflow:hidden;text-align:center}@media(max-width: 500px){.container{max-width:350px}}.hero{display:flex;flex-direction:column;gap:1.5rem;align-items:center;justify-content:center;padding:3rem 3rem;background:#fff}@media(max-width: 500px){.hero{padding:2rem 1.5rem}}.hero>p:first-of-type{max-width:300px}@media(max-width: 500px){.hero>p:first-of-type{max-width:270px}}.hero .plan{width:100%;display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:repeat(2, 1fr);background:var(--very-pale-blue);padding:1.5rem;border-radius:10px}.hero .plan .icon{grid-row:1/3;text-align:left}.hero .plan .icon>img{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.hero .plan>p{text-align:left}.hero .plan>p:first-of-type{font-weight:900;color:#000}.hero .plan>p:last-of-type{grid-row:2/2}.hero .plan>a{grid-row:1/3;grid-column:3/4;align-self:center;text-decoration:underline;color:var(--bright-blue)}.hero .plan>a:hover{text-decoration:none;opacity:.5}.hero>a:first-of-type{width:100%;background:var(--bright-blue);color:#fff;padding:1rem;border-radius:10px;box-shadow:0 10px 6px 4px rgba(56,41,224,.1)}.hero>a:first-of-type:hover{opacity:.5}.hero>a:last-of-type{color:#000;opacity:.5}.hero>a:last-of-type:hover{opacity:1}.attribution{display:none}/*# sourceMappingURL=style.min.css.map */