*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#fff;background:#071120}.city-card{cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s,background .25s}.city-card:hover{background:#ffffff13;border-color:#67e8f973;transform:translateY(-8px);box-shadow:0 30px 80px #67e8f924}.city-card:hover .city-name{color:#67e8f9}button:hover{background:#67e8f924;transition:all .25s;transform:translateY(-2px);box-shadow:0 0 20px #67e8f926}button:hover strong{color:#67e8f9}button:hover span:last-child{transition:transform .25s;transform:translate(4px)}