body{
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    text-align:center;
    margin: 0;
    padding: 0;
    background: #001931;
    }
    .container{
        max-width: 600px;
        margin: 100px auto;
        padding: 20px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }
    H1{
        color: #333;
        font-size: 24px;
        margin-bottom: 20px;
    }
    input{
        width: 80%;
        padding: 10px;
        margin-bottom: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }
    button{
        padding: 10px 20px;
        background: #007BFF;
        color: #fff;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }
    button:hover{
        background: #0056b3;
    }
    #weatherResult{
        margin-top: 20px;
        padding: 20px;
        background: #f9f9f9;
        border-radius: 8px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }
    .hidden{
        display: none;
    }
    #errorMessage{
        color: #ff0000;
        margin-top: 10px;
    }

#weatherResult img {
    width: 50px;
    height: 50px;
}

#fiveDayForecast div {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 10px 0;
}

#liveRadar iframe {
    width: 100%;
    height: 450px;
}