body{background-color: rgb(228, 239, 250);
font-family:Arial, Helvetica, sans-serif;

}

h1{text-align: left;
font-weight: 900;
font-size: 30px;
color: rgb(47, 47, 48);
opacity: 0.9;
}

a{text-decoration: none;
color: black;}


.container{max-width: 600px;
margin: 40px auto;
background-image: url("/images/clocks.jpg");
padding: 60px;
border-radius: 20px;
display: block;
opacity: 0.6;
background-repeat: no-repeat;
}

.city{display: flex;
justify-content: space-between;
margin:  20px 0;
background: rgb(197, 191, 193);
opacity: 0.8;
color: rgb(49, 3, 28);
border-radius: 10px;
padding: 5px;}

.city:last-child{border:none;}

.cities{display: flex;
justify-content: space-between;
margin:  20px 0;
}

.cities:last-child{border:none;}

h2{margin-top:10px;
font-size: 25px;}

.time{font-size: 42px;
font-weight: bold;
margin-top: 18px;
}

.time small{font-size: 15px;
vertical-align: middle;}
 
.date{opacity: 0.925;
margin-bottom: 10px;
font-weight: 550;}

select{display: block;
width: 100%;
border-radius: 15px;
padding: 18px;
font-size: 18px;}

#denmark{background:white;
border-radius: 10px;
padding: 5px;
opacity: 0.8;}

#switzerland{background: black;
color: aliceblue;
opacity: 0.8;
padding: 3px;
border-radius: 10px;}

#hong-kong{background:white;
border-radius: 10px;
padding: 5px;
opacity: 0.8;}

footer{text-align: center ;
color: rgb(59, 4, 32);
}

footer:hover{color: rgb(243, 210, 226);}