move the search-container to inline right of the title and its image:

```
<!DOCTYPE html>
<html lang=en>
    <meta charset=utf-8>
    <meta name=viewport content="width=device-width, initial-scale=1.0">
    <style>
        /*!
        Pure v3.0.0
        Copyright 2013 Yahoo!
        Licensed under the BSD License.
        https://github.com/pure-css/pure/blob/master/LICENSE
        */
                /*!
        normalize.css v | MIT License | https://necolas.github.io/normalize.css/
        Copyright (c) Nicolas Gallagher and Jonathan Neal
        */
        /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
        html {
            line-height: 1.15;
            -webkit-text-size-adjust: 100%
        }

        main {
            display: block
        }

        h1 {
            font-size: 2em;
            margin: .67em 0
        }

        a {
            background-color: transparent
        }

        img {
            border-style: none
        }

        button,
        input {
            font-family: inherit;
            font-size: 100%;
            line-height: 1.15;
            margin: 0
        }

        button,
        input {
            overflow: visible
        }

        button {
            text-transform: none
        }

        button {
            -webkit-appearance: button
        }

        [type=button]::-moz-focus-inner,
        [type=reset]::-moz-focus-inner,
        [type=submit]::-moz-focus-inner,
        button::-moz-focus-inner {
            border-style: none;
            padding: 0
        }

        [type=button]:-moz-focusring,
        [type=reset]:-moz-focusring,
        [type=submit]:-moz-focusring,
        button:-moz-focusring {
            outline: 1px dotted ButtonText
        }

        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit
        }

        html {
            font-family: sans-serif
        }

        @media only screen and (max-width:480px) {}
    </style>
    <style>
        body {
            background-color: #2D323B;
            color: white;
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0
        }

        main {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
            box-sizing: border-box
        }

        .item-card {
            background: #181D27;
            border-radius: 8px;
            overflow: hidden;
            text-decoration: none;
            color: white;
            transition: transform 0.2s
        }

        .item-card:hover {
            transform: scale(1.05)
        }

        .item-card img {
            width: 100%;
            height: auto
        }
    </style>
    <style>
        header {
            background-color: #4CAF50;
            color: white;
            text-align: center;
            padding: 10px 0
        }

        .title-text {
            text-decoration: none;
            color: inherit;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .search-container {
            justify-content: center;
            align-items: center
        }
    </style>
    <title>Ryajinka - Main Page</title>
    </head>
    <body>
        <header>
            <a class=title-text href=http://127.0.0.1:8000 />
                <img src=/content/titleimage.png>
                <h1>Ryajinka</h1>
            </a>
            <div class=search-container>
                <input id=header-search-bar type=text placeholder="Введите запрос..." value>
                <button id=header-search-button>Найти</button>
            </div>
        </header>
    </body>
</html>
```