body {
    background-color:rgb(231, 231, 231);
    font-family: sans-serif, Verdana, Geneva,  Tahoma ;
}

h1 {
    color:black;
    text-align:center;
}


.container {
    background-color:white;
    display:block;
    margin: 100px auto;
    max-width:500px;
    padding:20px;
    box-shadow: 5px 5px 5px rgba(0 0 0 0.7);
    border-radius: 10px;
}

#city {
    font-weight:bold;
    font-size:22px;
    margin:5px 0 0 10px;   
   
}

.date {
    margin:5px 0 0 0px;
    font-size: 13px;
    opacity: 60%;
     
}

.time {
    margin:5px 20px 0 0;
    font-size: 32px;
    font-weight: bold;

}

.A {
    font-size:12px;
}

.displaycity {
    display: flex;
    justify-content:space-between;
    border-bottom:1px dashed lightgrey;
    padding:20px;
}

#cityselected {
    width:90%;
    margin: 0 0 30px 20px;
    padding: 8px;
    border-radius: 5px;

}

footer {
    margin: 20px;
    text-align:center;
    font-size:12px;
}