@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap");*{margin:0;padding:0;box-sizing:border-box}*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}body{margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh;height:100%;width:100%;position:relative;margin:0 auto;font-family:"Montserrat",sans-serif;color:#6d708d;background:#f6f6fe;padding-bottom:20px}body:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url("/images/bg-top.svg") right -150px top -5% no-repeat,url("/images/bg-bottom.svg") left 0 bottom 0 no-repeat}#container{display:flex;flex-direction:column;min-height:100vh;justify-content:center;align-items:center;position:relative;overflow-x:hidden}.attribution{position:absolute;bottom:0;width:100%;text-align:center;height:auto;font-size:.7em}.attribution a{color:#696fdd}.top-div{display:flex;flex-direction:column;height:auto;justify-content:center;align-items:center;width:100%;padding:4em 0}.top-div .toggle-div{margin:2em 0 0 0;display:flex;align-items:center}.top-div .toggle-div .price-period{color:#b3b5c6;font-size:.9em}.top-div .toggle-div .price-period:first-child{margin:0 1.5em 0 0}.top-div .toggle-div .price-period:last-child{margin:0 0 0 1.5em}.top-div .toggle-div .switch{position:relative;display:inline-block;width:60px;height:34px}.top-div .toggle-div .switch input{opacity:0;width:0;height:0}.top-div .toggle-div .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right, #a3a8f0, #696fdd);transition:400ms;border-radius:30px}.top-div .toggle-div .switch .slider:before{position:absolute;content:'';height:26px;width:26px;left:4px;bottom:4px;border-radius:50%;background:white;transition:400ms}.top-div .toggle-div .switch input:hover+.slider{background:#b3b5c6}.top-div .toggle-div .switch input:focus+.slider{background:#b3b5c6}.top-div .toggle-div .switch input:checked+.slider:before{transform:translateX(26px)}.bottom-div{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.bottom-div .card{display:flex;flex-direction:column;justify-content:center;align-items:center;width:300px;max-width:100%;border-radius:10px;padding:2em}.bottom-div .card:not(:first-child){margin:2em 0 0 0}.bottom-div .card:nth-child(2){padding:3em 2em}.bottom-div .card ul{padding-bottom:2em}.bottom-div .card ul li{list-style:none}.bottom-div .card ul li:nth-child(3){border-top:1px solid #b3b5c6}.bottom-div .card .card-title{font-size:1.1em;padding-bottom:2em;text-align:center}.bottom-div .card .card-price{font-size:4.5em;padding-bottom:.5em;display:flex;justify-content:space-between}.bottom-div .card .card-price span{display:inline-block;font-size:.6em;margin:auto 0;height:100%;padding:0 .2em 0 0}.bottom-div .card .card-details{font-size:.9em;width:90%;text-align:center;border-bottom:1px solid #b3b5c6;padding:1em;margin:0 auto}.bottom-div .card .card-button{width:100%;outline-offset:1px;font-family:"Montserrat",sans-serif;border:none;padding:1.2em 0;text-transform:uppercase;letter-spacing:.2em;font-weight:400;font-size:.8em;border-radius:5px}.white-card{background:white}.white-card .card-price{color:#494c5f}.white-card button{background:linear-gradient(to right, #a3a8f0, #696fdd);color:white;outline:white}.white-card button:hover{background:white;color:#696fdd;box-shadow:0 0 0 1pt #6d708d}.white-card button:focus{background:white;color:#696fdd;box-shadow:0 0 0 2pt #6d708d}.blue-card{background:linear-gradient(to bottom, #a3a8f0, #696fdd);color:white}.blue-card button{background:white;color:#696fdd;outline:#696fdd}.blue-card button:hover{background:#696fdd;color:white;box-shadow:0 0 0 1pt white}.blue-card button:focus{background:#696fdd;color:white;box-shadow:0 0 0 2pt white}@media screen and (min-width: 900px){body{overflow-x:hidden}body:before{background:url("/images/bg-top.svg") right 0 top -10% no-repeat,url("/images/bg-bottom.svg") left 0 bottom 0 no-repeat}#container{margin-top:-20px}.bottom-div{flex-direction:row}.bottom-div .card:not(:first-child){margin:0}}@media screen and (min-width: 1100px){.card{width:350px}}
/*# sourceMappingURL=main.css.map */