body {
background: black;
color: white;
}
#menu {
color: black;
width: 100%;
background: lightblue;
border-radius: 10px;
display: block;
text-align: center;
margin-bottom: 5px;
}
#times {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: stretch;
}

#left_time {
position: inherit;
color: black;
margin-right: 5px;
float: left;
width: calc(50% - 5px);
background: lightgrey;
border-radius: 10px;
display: block;
text-align: center;

}
#right_time {
position: inherit;
color: black;
margin-left: 5px;
float: right;
width: calc(50% - 5px);
background: lightgrey;
border-radius: 10px;
display: block;
text-align: center;
}
.time {
font-size: 20;
color: black;
}
.time:hover{
color:red;
}
.timeskoro {
font-size: 60;
color: red;
}
.time2 {
color: black;
}
.time2:hover{
color:red;
}

.link_station {
text-decoration: none;
color: black;
text-align: center;
display: block;
/*width: 50%;*/
margin: 5px;
border-radius: 10px;
background: white;
}
.link_station:hover {
color: red;
background: lightblue;
}
.link_station_this {
text-align: center;
/*width: 50%;*/
display: block;
margin: 5px;
border-radius: 10px;
background: blue;
color: white;
}
.link_station2 {
text-decoration: none;
color: black;
text-align: center;
display: inline-block;
width: calc(33% - 30px);
margin: 5px;
border-radius: 10px;
background: white;
padding: 10px;
}
.link_station2:hover {
color: white;
background: blue;
}
#menu_stations {
display: none;
position: fixed;
flex-direction: column;
justify-content: center;
align-items: center;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(225, 225, 225, 0.5);
color: black;
z-index: 3;
}