/*body {
        margin: 0;
        padding: 0;
        height: 100vh;
        font-family: Arial, sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #f7f7f7;
    }*/

.search-container {
        text-align: center;
        width: 100%;
        max-width: 500px;
        padding: 20px;
         display: flex;
         justify-content: center;
        
    }

.search-box {
        display: flex;
        width: 100%;
        background: white;
        border-radius: 50px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        overflow: hidden;
    }

.search-box input {
        flex: 1;
        padding: 15px 20px;
        border: none;
        outline: none;
        font-size: 18px;
    }

.search-box button {
        padding: 15px 25px;
        border: none;
        background: #0077ff;
        color: white;
        font-size: 18px;
        cursor: pointer;
        transition: background 0.2s;
    }

.search-box button:hover {
        background: #005fcc;
    }