@import url(https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@500;700;900&display=swap);body,html{margin:0;padding:0}body{--fw-500:500;--fw-700:700;--fw-900:900;--clr-primary-pale-blue:#e0e8ff;--clr-primary-bright-blue:#3829e0;--clr-neutral-v-pale-blue:#f5f7ff;--clr-neutral-desat-blue:#7280a7;--clr-neutral-dark-blue:#1f2f56;background-color:var(--clr-primary-pale-blue);font-family:Red Hat Display,sans-serif;font-size:16px;font-weight:var(--fw-500)}img{width:100%}h2{color:var(--clr-neutral-dark-blue);margin:.5em 0}h2,p{text-align:center}p{color:var(--clr-neutral-desat-blue)}button{background-color:var(--clr-primary-bright-blue);border:0;border-radius:1em;box-shadow:0 .4rem .75rem .2rem #d3d3d3;color:#fff;font-size:1rem;font-weight:var(--fw-700);margin:2em auto;padding:1.25em;width:100%}button:focus,button:hover{background-color:#776cf1;cursor:pointer}.btn-container a{margin:0 auto}.card-container{background-color:#fff;border-radius:5%;box-shadow:0 .4rem .75rem .2rem #d3d3d3;margin:1em auto;max-width:450px;overflow:auto;width:90%}.contents-container{margin:.5em auto;max-width:350px;padding:1em}.contents-container p{line-height:1.75rem;margin:1.5em 0}.btn-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;text-align:center;width:100%}.btn-container a{color:var(--clr-neutral-desat-blue);font-weight:var(--fw-700);margin:0 0 1rem;text-decoration:none}.btn-container a:focus,.btn-container a:hover{color:var(--clr-neutral-dark-blue)}.details-container{align-items:center;background-color:var(--clr-neutral-v-pale-blue);border-radius:1em;display:flex;justify-content:space-between;padding:1em}.details-container a{font-size:.9rem;font-weight:var(--fw-700)}.details-container a:focus,.details-container a:hover{color:#776cf1;text-decoration:none}.inner-details{align-items:center;display:flex;justify-content:flex-start}.plan-details p{font-size:.9rem;margin:0 0 0 1em;padding:0}.music-notes{width:4rem}.plan-name{color:var(--clr-neutral-dark-blue);font-weight:var(--fw-900)}@media (max-width:300px){.details-container,.inner-details{flex-direction:column;justify-content:center;text-align:center}.plan-details p{margin:0}}@media (max-width:150px){h2{font-size:1rem}p{font-size:.8rem}button{font-size:.9rem}}
/*# sourceMappingURL=main.955d718c.css.map*/