: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%)}body{height:90vh;font-family:'Red Hat Display',sans-serif;background-color:hsl(225,100%,94%);background-color:var(--Pale-blue);background-image:url('../images/pattern-background-mobile.svg');background-repeat:no-repeat;background-position:0 -10%;display:-ms-grid;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center;place-items:center}.card{width:90%;margin-left:auto;margin-right:auto;border-radius:10px;background-color:hsl(225,100%,98%);background-color:var(--Very-pale-blue);overflow-y:hidden}@media screen and (min-width:768px){.card{width:50%}body{height:100vh}}@media screen and (min-width:1024px){body{height:100vh;background-image:url('../images/pattern-background-desktop.svg');background-repeat:no-repeat;background-position:0 -30%}.card{width:25%}}.card__img{width:100%}.card__body{padding:1em 2em}.card__title{font-size:1.4rem;text-align:center;font-weight:900;color:hsl(223,47%,23%);color:var(--Dark-blue)}.card__info{color:hsl(224,23%,55%);color:var(--Desaturated-blue);text-align:center}.plan{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;background-color:hsl(225,100%,94%);background-color:var(--Pale-blue);border-radius:10px;font-size:0.9rem}.text--bold{color:hsl(223,47%,23%);color:var(--Dark-blue);font-weight:700}.text--light{color:hsl(224,23%,55%);color:var(--Desaturated-blue);font-weight:500}.plan__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:-20px}.plan__link{color:hsl(245,75%,52%);color:var(--Bright-blue);font-weight:700}@media screen and (min-width:1024px){.plan__link:hover{text-decoration:none}}.button{display:block;margin-top:1.5em;text-decoration:none;text-align:center;padding:0.8em;font-weight:700}.button--blue{background-color:hsl(245,75%,52%);background-color:var(--Bright-blue);border-radius:10px;color:hsl(225,100%,98%);color:var(--Very-pale-blue);-webkit-box-shadow:2px 13px 8px rgb(0 0 0/0.25);box-shadow:2px 13px 8px rgb(0 0 0/0.25)}.button--transparent{color:hsl(224,23%,55%);color:var(--Desaturated-blue);width:150px;margin-left:auto;margin-right:auto}@media screen and (min-width:1024px){.button--blue:hover{background-color:hsl(245 75% 52%/0.85)}.button--transparent:hover{color:hsl(223,47%,23%);color:var(--Dark-blue)}}