body{
    background-image: linear-gradient( 359.5deg,  rgba(115,122,205,1) 8.8%, rgba(186,191,248,1) 77.4% );
}
.container{
    max-width: 600px;
    margin: 60px auto;
    background: #f1eff7;
    padding: 30px;
    box-shadow: rgba(100,100,111,0.2) 0px 7px 29px 0px;
    border-radius: 30px;
    backdrop-filter:blur(20px) ;
    -webkit-backdrop-filter: blur(20px);
    opacity: 0.8;
}
select{
    display: block;
    width: 100%;
    font-size: 18px;
    border-radius: 5px;
    padding: 10px;
      font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;

}
 option{ font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
h1{
    font-size: 40px;
    text-align: center;
    font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;

}
h2{
    font-size: 38px;
      font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;

}
footer{
    text-align: center;
    color: rgb(33, 34, 35);
    margin-top: 0;
    font-size: large;
    margin-bottom: 10px;
}
a{

    color: rgb(41, 38, 39);
}
strong{
    color: bisque}
div .city .small{
    font-size: 12px;
}
.time{
    display: flex;
    justify-content: flex-end;
    font-size: 26px;
    margin-bottom: 12px;
    padding-bottom: 10px;
}
.kaf{
    font-size: 12px;
    margin-left: 4px;
    margin-top: 6px;
}
.city{
    border-bottom: 1px dashed rgba(0,0,0,0.2);
}
.city:last-child{
    border: none;
}