body{background:linear-gradient(to top,rgb(0 0 0 / .2),#fff0),#666;min-height:100vh;margin:0;display:flex;justify-content:center;align-items:center}.layout-main{flex-grow:1}.small{width:1;height:1}h2{font-size:30px;font-weight:700}.group{display:flex;line-height:50px;align-items:center;position:relative;max-width:900px}.input{font-family:"Montserrat",sans-serif;width:250%;height:45px;padding-left:2.7rem;box-shadow:0 0 0 1.5px #2b2c37,0 0 25px -17px #000;border:0;border-radius:12px;background-color:#16171d;outline:none;color:#bdbecb;transition:all 0.25s cubic-bezier(.19,1,.22,1);cursor:text;z-index:0}.input::placeholder{color:#bdbecb}.input:hover{box-shadow:0 0 0 2.5px #2f303d,0 0 25px -15px #000}.input:active{transform:scale(.95)}.input:focus{box-shadow:0 0 0 2.5px #2f303d}.search-icon{position:absolute;left:1rem;fill:#bdbecb;width:1rem;height:1rem;pointer-events:none;z-index:1}
/* Credits to LightAndy1 :D */