body,html{height:100%;margin:0;padding:0}body{font-family:Arial,sans-serif;font-size:16px;text-align:center}.container{left:50%;position:fixed;top:40%;transform:translateX(-50%) translateY(-50%)}.logo,.search{margin-bottom:20px}.search{box-shadow:0 2px 2px 0 rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.08);height:38px;line-height:34px;padding:5px 8px 0 16px;text-align:left;width:500px}@media screen and (max-width:700px){.search{width:80vw}}.search:hover{box-shadow:0 3px 8px 0 rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.08)}button{background-color:#f2f2f2;border:1px solid #f2f2f2;border-radius:2px;color:#757575;cursor:pointer;font-family:Arial,sans-serif;font-size:13px;font-weight:700;height:36px;margin:11px 4px;min-width:54px;padding:0 16px}button:hover{background-color:#f8f8f8;border:1px solid #c6c6c6;box-shadow:0 1px 1px rgba(0,0,0,.1);color:#222}button:focus{border:1px solid #4d90fe;outline:none}