body{text-align:center;background:#e0e1dd;min-height:100vh;margin:100px;padding:2rem 0;position:relative}h1{font-family:Atomic Age,sans-serif}p{font-family:Strait,sans-serif}body:before,body:after{content:"";z-index:-1;background:#778da9;width:80px;height:100%;position:fixed;top:0}body:before{clip-path:polygon(0 0,100% 0,85% 3%,100% 6%,85% 9%,100% 12%,85% 15%,100% 18%,85% 21%,100% 24%,85% 27%,100% 30%,85% 33%,100% 36%,85% 39%,100% 42%,85% 45%,100% 48%,85% 51%,100% 54%,85% 57%,100% 60%,85% 63%,100% 66%,85% 69%,100% 72%,85% 75%,100% 78%,85% 81%,100% 84%,85% 87%,100% 90%,85% 93%,100% 96%,85% 100%,0 100%);left:0}body:after{clip-path:polygon(0 0,100% 0,100% 100%,15% 100%,0 96%,15% 93%,0 90%,15% 87%,0 84%,15% 81%,0 78%,15% 75%,0 72%,15% 69%,0 66%,15% 63%,0 60%,15% 57%,0 54%,15% 51%,0 48%,15% 45%,0 42%,15% 39%,0 36%,15% 33%,0 30%,15% 27%,0 24%,15% 21%,0 18%,15% 15%,0 12%,15% 9%,0 6%,15% 3%);right:0}.search-bar{box-sizing:border-box;background:#fff;border:1px solid #dfe1e5;border-radius:24px;align-items:center;width:580px;max-width:85%;height:46px;margin:30px auto;padding:0 16px;transition:box-shadow .2s;display:flex}.search-bar:hover,.search-bar:focus-within{box-shadow:0 1px 6px #20212447}.search-bar span{color:#5f6368;font-size:25px;position:relative;top:-2px}.search-bar input{background:0 0;border:none;outline:none;flex:1;margin-left:12px;font-size:16px}@media (width<=600px){body:before,body:after{display:none}}