:root{--text-color: #333}body{background-image:linear-gradient(135deg,#fdfcfb,#e2d1c3);background-repeat:no-repeat;min-height:100vh;background-attachment:fixed;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;color:var(--text-color);padding:0;width:100%;max-width:1200px;margin:0 auto}h1,h2,h3,h4,h5,h6{color:var(--text-color);margin-top:0}p{line-height:1.6;margin:0 0 1em}a{color:var(--text-color);text-decoration:none;transition:.3s}a:hover{border-bottom:1px solid var(--text-color)}a:visited{color:var(--text-color)}nav{padding:1rem;display:flex;justify-content:space-between;align-items:center}button,.button{border:2px solid black;background-color:#fff;border-radius:7px;padding:10px 15px;transition:.1s;cursor:pointer;box-shadow:0 2px 0 1px #000}:is(button,.button):disabled{opacity:.9;box-shadow:none;border-color:gray}:is(button,.button):disabled:hover{box-shadow:none;transform:none}:is(button,.button):hover{box-shadow:0 5px 0 2px #000;transform:translateY(-5px)}.hero{display:flex;align-items:center;justify-content:space-between;padding:1rem}@media (max-width: 768px){.hero{justify-content:flex-start;height:80vh}}.hero .left{width:50%}@media (max-width: 768px){.hero .left{width:100%}}.hero .left .main-heading{font-size:4em;letter-spacing:2px;color:var(--text-color)}.hero .left .action-buttons{display:flex;justify-content:flex-start;gap:1rem}.hero .left .action-buttons a{border:2px solid black;background-color:#fff;border-radius:7px;font-size:1.5em;padding:10px 15px;transition:.1s;cursor:pointer;box-shadow:0 2px 0 1px #000}.hero .left .action-buttons a:hover{box-shadow:0 5px 0 2px #000;transform:translateY(-5px)}.hero #hero-img{width:100%;height:auto;max-width:700px;animation:hover 2s infinite ease-in-out}@media (max-width: 768px){.hero #hero-img{display:none}}.features{padding:1rem}.features .feature-list{display:flex;gap:1rem;flex-wrap:wrap}.features .feature-list .feature-item{padding:1rem;flex:1 1 calc(33.333% - 2rem);border:2px solid black;box-shadow:0 2px 0 1px #000;border-radius:7px;box-sizing:border-box}@media (max-width: 768px){.features .feature-list .feature-item{flex:1 1 calc(100% - 2rem)}}@media (max-width: 480px){.features .feature-list .feature-item{flex:1 1 calc(100% - 1rem)}}@keyframes hover{0%,to{transform:translate(0)}50%{transform:translateY(-4px)}}