body,input,button,div,form,p{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}body{background-color:#121214;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}#app{display:flex;flex-direction:column;align-items:center}#app>h1{color:#996dff;margin:0}#app>h2{align-self:flex-start}#app>p{align-self:flex-start;text-align:justify;width:512px}.placeholder{color:#7c7c8a;-webkit-user-select:none;user-select:none}#form{margin:64px 0;display:flex;gap:12px}#form>input{border:none;width:450px;height:48px;border-radius:5px;color:#fff;padding:0 12px;font-size:16px;background-color:#202024}#form>input:focus{outline:2px solid #8257e5}#form>button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:none;border-radius:5px;background-color:#8257e5;cursor:pointer;color:#fff}#form>button:hover{background-color:#633bbc;transition:.4s}.material-symbols-outlined{font-size:46px;font-variation-settings:"FILL" 0,"wght" 100,"GRAD" 0,"opsz" 40}