body{margin:0;font-family:Arial,sans-serif;background-color:#f8f9fa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh}.container{text-align:center}.logo{width:92px;height:92px;margin-bottom:20px}.search-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.search-input{width:500px;padding:10px;font-size:16px;border:1px solid #dfe1e5;border-radius:24px;outline:none;-webkit-box-shadow:0 1px 6px rgba(32,33,36,.28);box-shadow:0 1px 6px rgba(32,33,36,.28)}.search-input:focus{border-color:#4285f4}.search-button{margin-left:10px;padding:10px 20px;font-size:16px;color:#5f6368;background-color:#f8f9fa;border:1px solid #dfe1e5;border-radius:4px;cursor:pointer}.search-button:hover{border-color:#dadce0;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.result{font-size:18px;color:#202124}