*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 90em){html{font-size:75%}}:root{--primary-to-bottom: linear-gradient(hsl(236, 72%, 79%), hsl(237, 63%, 64%));--primary: linear-gradient(to right, hsl(236, 72%, 79%), hsl(237, 63%, 64%));--very-light-grayish-blue: hsl(240, 78%, 98%);--light-gray-blue: hsl(234, 14%, 74%);--gray-blue: hsl(233, 13%, 49%);--dark-gray-blue: hsl(232, 13%, 33%)}body{position:relative;box-sizing:border-box;padding:3rem;background-color:var(--very-light-grayish-blue)}@media only screen and (max-width: 56.25em){body{box-sizing:border-box;padding:0}}.container{position:relative;display:grid;grid-template-rows:repeat(3, -webkit-min-content);grid-template-rows:repeat(3, min-content);grid-template-columns:repeat(3, 1fr);grid-row-gap:4rem;grid-column-gap:1rem;justify-content:center;align-content:center;margin:0 auto;width:100vw;padding:10rem;background-color:var(--very-light-grayish-blue)}@media only screen and (max-width: 37.5em){.container{grid-template-columns:1fr;grid-row-gap:0}}::-moz-selection{background-color:#696fdd;color:white}::selection{background-color:#696fdd;color:white}body{font-family:"Montserrat", sans-serif;font-weight:400;font-size:15px;line-height:1.7;color:#777}.heading-primary{grid-column:1/-1;justify-self:center}.heading-primary--monthly{font-size:4rem;letter-spacing:1.5rem}@media only screen and (max-width: 37.5em){.heading-primary--monthly{letter-spacing:1rem}}.heading-primary--sub{grid-row:2/3;margin-bottom:6rem;justify-self:center;display:block;font-size:1rem;font-weight:700;letter-spacing:1.74rem;-webkit-animation:moveInRight 1s ease-out;animation:moveInRight 1s ease-out}@media only screen and (max-width: 37.5em){.heading-primary--sub{letter-spacing:0.5rem}}.heading-secondary{font-size:3.5rem;text-transform:uppercase;font-weight:700;display:inline-block;background-image:linear-gradient(to right, #a3a8f0, #696fdd);-webkit-background-clip:text;color:transparent;letter-spacing:2px;transition:all 0.2s}.heading-secondary:hover{transform:skewY(2deg) skewX(15deg) scale(1.1);text-shadow:0.5rem 1rem 2rem rgba(0,0,0,0.2)}@media only screen and (max-width: 56.25em){.heading-secondary{font-size:3rem}}@media only screen and (max-width: 37.5em){.heading-secondary{font-size:2.5rem}}.heading-tertiary{font-size:1rem;font-weight:700;text-transform:uppercase}.heading__logo--white{background-image:linear-gradient(to right, #fff, #eee)}.paragraph{font-size:1rem}.paragraph:not(:last-child){margin-bottom:1.5rem}.btn{background-image:var(--primary)}.btn,.btn:link,.btn:visited{text-transform:uppercase;text-decoration:none;padding:1.5rem 8rem;display:inline-block;border-radius:0.45rem;transition:all 0.2s;position:relative;font-size:1rem;border:none;cursor:pointer}@media only screen and (max-width: 37.5em){.btn,.btn:link,.btn:visited{padding:1.5rem 4rem}}.btn:hover{transform:translateY(-0.3rem);box-shadow:0 1rem 2rem rgba(0,0,0,0.2)}.btn:hover::after{transform:scale(1.5);opacity:0}.btn:active,.btn:focus{transform:translateY(-0.3rem);box-shadow:0 1rem 2rem rgba(0,0,0,0.2)}.btn--primary{background-image:var(--primary);color:#fff}.card{border-radius:0.5rem;background-color:white;position:relative;padding:2rem;display:flex;flex-direction:column;align-items:center;transition:all 0.2s;margin:3rem 0}.card__heading{font-size:1.75rem;text-align:center}.card__details{padding:3rem 0;margin:0 auto}.card__details ul{list-style:none;text-align:center}.card__details ul li{font-size:1.25rem;font-weight:bold;padding:1rem 0}.card__details ul li:not(:last-child){border-bottom:1px solid #eee}.card__details .price{display:flex;justify-items:center;align-items:center;font-weight:700;padding:0 4rem}.card__details .price--amount{font-size:3.8rem}.card__details .price--dollar-sign{font-size:2.25rem}.featured,.card:hover{background-image:var(--primary-to-bottom);color:white;z-index:2;transform:scale(1.1);box-shadow:0 1rem 2rem rgba(0,0,0,0.2)}.featured::after,.card:hover::after{transform:scale(1.5);opacity:0}.featured .card__heading,.card:hover .card__heading{color:white}.switch{position:relative;display:inline-block;width:40px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#b3b5c6;transition:0.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:white;transition:0.4s}input:checked+.slider{background-color:#696fdd}input:focus+.slider{box-shadow:0 0 1px #696fdd}input:checked+.slider:before{transform:translateX(14px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}