@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap);*{box-sizing:border-box;color:#1e272e;font-family:Poppins,sans-serif;margin:0;padding:0}body{background-color:hsla(0,0%,50%,.313);min-height:100vh;width:100%}:root{color:#1e272e;font-family:Poppins,sans-serif;font-size:62.5%}a{text-decoration:none}a,ul li{font-size:1.6rem}ul li{list-style:none}li,p{font-size:1.6rem}h1,h2,h3,li,p{letter-spacing:.012em;margin-bottom:.5em}.container{margin:auto;max-width:1250px;width:85%}.purple{color:#9b59b6}.black{color:#1e272e}.fw-300{font-weight:300}.fw-400{font-weight:400}.fw-500{font-weight:500}.text-capitalize{text-transform:capitalize}.text-center{text-align:center}.lg-heading{font-size:5.2rem}.md-heading{font-size:3.6rem}.sm-heading{font-size:2.8rem}.extra-small-font{font-size:1.4rem}.my-heading{font-size:2.4rem}.heading{align-items:center;display:flex;justify-content:space-between;padding:2.5em 0 1em}#sub-part{color:#9b59b6}.input-field{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4em 0 2em;position:relative}input,textarea{border:none;display:block;letter-spacing:.15em;outline:none;padding:1.1em;text-transform:capitalize;width:55%}::-webkit-input-placeholder{color:#000;font-weight:500}::placeholder{color:#000;font-weight:500}input{border-top-left-radius:1rem;border-top-right-radius:1rem;font-weight:500}textarea{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;height:16rem;padding-left:1.4em;position:relative;text-transform:lowercase;z-index:5}.icons{align-items:center;bottom:10%;display:flex;gap:2rem;justify-content:space-around;position:absolute;width:50%;z-index:10}.icons i{border:2px solid #9b59b6;border-radius:.8rem;cursor:pointer;font-size:2rem;padding:.5em}.icons .cross{border:2px solid red}.father{align-items:center;display:flex;flex-wrap:wrap;gap:4rem;justify-content:center;margin-bottom:2rem;padding:1.5em 0}.card{border-radius:1rem;box-shadow:0 0 4px rgba(0,0,0,.45);height:20rem;overflow:hidden;padding:1.5em;position:relative;transition:all .1s ease-in-out;width:30%}.card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.card p{z-index:2}.card i{bottom:1rem;cursor:pointer;display:inline-block;padding:.3em;position:absolute;right:1rem;z-index:10}.starter-message{left:50%;position:absolute;text-align:center;top:65%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.starter-message h3{color:gray}@media (max-width:768px){:root{font-size:7.5px}.card,.input-field input,.input-field textarea,.starter-message{width:100%}}
/*# sourceMappingURL=main.705fb4ef.css.map*/