.hero h1{-webkit-text-stroke:4px white;color:white}.hero h2{text-shadow:0 0 10px rgba(255,255,255,.6)}.main{margin:0;--x:calc(var(--posX, 0) * 1px);--y:calc(var(--posY, 0) * 1px);background-image:linear-gradient(115deg,rgb(211 255 215),rgb(0 0 0)),radial-gradient(90% 100% at calc(50% + var(--x)) calc(0% + var(--y)),rgb(200 200 200),rgb(22 0 45)),radial-gradient(100% 100% at calc(80% - var(--x)) calc(0% - var(--y)),rgb(250 255 0),rgb(36 0 0)),radial-gradient(150% 210% at calc(100% + var(--x)) calc(0% + var(--y)),rgb(20 175 125),rgb(0 10 255)),radial-gradient(100% 100% at calc(100% - var(--x)) calc(30% - var(--y)),rgb(255 77 0),rgb(0 200 255)),linear-gradient(60deg,rgb(255 0 0),rgb(120 86 255));background-blend-mode:overlay,overlay,difference,difference,difference,normal}@media(min-width:390px) and (max-width:480px){body{overflow-x:hidden}.main{padding:5px;background-position:bottom;justify-content:space-evenly;position:relative}.features{border-top:2px solid white}.hero{margin:0;padding:0}.hero h1{text-align:center;font-size:86px}.hero h2{font-size:30px}.buttons{flex-direction:column}.homebut{font-size:24px}#book{width:50px}.book{left:16vw;top:1vh}#calc{width:60px}.calc{right:16vw;top:5vh}}@media (max-width:390px){.main{padding:5px;background:cover;justify-content:space-evenly;position:relative}.features{border-top:2px solid white}.hero{margin:0;padding:0}.hero h1{font-size:76px}.hero h2{font-size:25px}.buttons{flex-direction:column;margin-bottom:10px}.homebut{font-size:19px}#book{width:45px}.book{left:16vw;top:1vh}#calc{width:50px}.calc{right:16vw;top:5vh}}.features{--x:calc(var(--posX, 0) * 1px);--y:calc(var(--posY, 0) * 1px);background-image:linear-gradient(135deg,rgb(25,24,27),rgb(0,0,10)),radial-gradient(80% 90% at calc(40% + var(--x)) calc(10% + var(--y)),rgb(180,255,200),rgb(50,0,80)),radial-gradient(120% 120% at calc(70% - var(--x)) calc(20% - var(--y)),rgb(255,200,0),rgb(0,50,100)),radial-gradient(130% 200% at calc(90% + var(--x)) calc(10% + var(--y)),rgb(20,175,225),rgb(0,0,155)),radial-gradient(110% 110% at calc(100% - var(--x)) calc(40% - var(--y)),rgb(255,100,150),rgb(0,255,200)),linear-gradient(45deg,rgb(200,0,255),rgb(0,255,100));background-blend-mode:overlay,overlay,difference,difference,difference,normal}@media (min-width:700px) and (max-width:1300px){.book,.calc{display:none}}@media(max-width:480px){.container{flex-direction:column;gap:10px;padding:5px}.card{margin:auto;min-height:40vh;min-width:70vw}}@media(max-width:390px){.card{min-height:50vh}}