@import "https://fonts.googleapis.com/css2?family=Quicksand&display=swap";*{box-sizing:border-box;outline:none;margin:0;padding:0}body{letter-spacing:.07rem;background:#e4ddd3;grid-template-columns:repeat(auto-fill,75px);grid-auto-rows:75px;grid-auto-flow:row;justify-content:center;font-family:Quicksand,sans-serif;font-weight:600;line-height:2;display:grid;overflow-x:hidden}.site-footer{color:#639;text-align:center;font-size:1.2rem}.keyboard{z-index:1000;background:#f3cfa2cc;border:1px solid #639;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:800px;margin:40px auto;padding:20px 40px 40px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.keyboard h1,.keyboard h2,.keyboard p{color:#639;text-align:center;margin:20px auto}@media (width<=800px){.keyboard{width:90%;display:block}}p{font-size:1.2rem;line-height:1.7}@media (width>=412px){.search-form-div{width:300px;margin:0 auto 6.75rem;position:relative}.search-form-div:before{content:" ";z-index:1;width:2px;height:36px;transition:all .5s cubic-bezier(.87,-.41,.19,1.44);position:absolute;top:34px;left:25px;transform:scale(0)}.active:before{transition-delay:.3s;animation:.6s cubic-bezier(.87,-.41,.19,1.44) .5s infinite forwards focus;transform:scale(1)}}input{color:#fff;border:none;border-radius:36px;outline:none;width:210px;height:3rem;padding-left:1rem}@media (width>=412px){input{color:#fff;border:none;border-radius:36px;width:64px;height:64px;transition:all .5s cubic-bezier(.87,-.41,.19,1.44);position:absolute}.active input{border-radius:36px;width:100%;padding-left:25px}}button{display:none}@media (width>=412px){button{background:#fff;border:none;border-radius:50%;width:64px;height:64px;margin-top:1.2rem;transition:all .5s cubic-bezier(.87,-.41,.19,1.44);display:block;position:absolute}}button:after{display:none}@media (width>=412px){button:after{content:" ";background:#fe6f75;border-radius:50%;width:32px;height:32px;margin:0 auto;display:block;position:absolute;left:0;right:0;transform:translateY(-50%)}}button:before{display:none}@media (width>=412px){button:before{content:" ";transform-origin:0 0;z-index:1;background:#fff;border-radius:50%;width:24px;height:24px;margin:0 auto;transition:all .8s;display:block;position:absolute;top:20px;left:0;right:0;transform:scale(0)}}.active button{display:none}@media (width>=412px){.active button{margin-left:-1rem;display:block;transform:translate(260px)}}.active button:before{display:none}@media (width>=412px){.active button:before{display:block;transform:scale(1)}.focus:before{animation:none;transform:scale(0)}}@keyframes focus{0%{opacity:0}50%{opacity:1}to{opacity:0}}::placeholder{color:#fff;letter-spacing:.07rem;font-size:1rem}.char-div{--scaley:2;--scalex:2;--colorbg:#fa4659;--colortx:#fa4659;--deg:40deg;background:linear-gradient(var(--deg), transparent 50%, var(--colorbg) 50%);-webkit-text-fill-color:transparent;-webkit-text-stroke:var(--colortx);-webkit-text-stroke-width:2px;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:75px}