.hero{max-width:700px;width:90%;margin:20px auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero h1{color:#fff;margin-top:3%;font-size:2.2rem;font-weight:600;width:95%}.hero h2{color:#f1f1f1;margin-top:3%;font-size:1.2rem;width:80%;padding:3px;background-color:#4a0ca199;border-radius:20px}.hero h4{color:#1a1a1b;margin-top:2px;font-size:1rem;width:95%}.hero p{color:#fff;margin:10px 0 30px;font-size:14px;width:90%}.hero form{width:85%;display:flex}.hero input{flex:1;padding:12px;border:none;border-radius:15px 0 0 15px;box-shadow:5px 5px 15px #2e2e2e80;font-size:13px;outline:none}.hero button{padding:5px 20px;border:none;background-color:#822aca;color:#fff;border-radius:0 15px 15px 0;box-shadow:5px 5px 15px #2e2e2e80;cursor:pointer}.features{display:flex;width:90%;margin:auto;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.card{background-color:#471ead33;border:solid 1px #fafafa;margin:5px;padding:25px;display:flex;max-width:400px;flex-direction:column;border-radius:20px;box-shadow:5px 5px 10px #fff3;text-align:center}.card h3{color:#f9f8f8;font-size:1.3rem;font-weight:600}.card p{font-size:13px;margin-top:5px;color:#fff}.transImg{margin-top:20px;max-width:500px;width:90%;align-items:center}@media (max-width:600px){nav ul{display:none}.hero h1{font-size:1.6rem}.hero p{font-size:14px}}