*{box-sizing:border-box}:root{font-size:10px}@media (min-width: 400px){:root{font-size:11px}}@media (min-width: 500px){:root{font-size:14px}}@media (min-width: 600px){:root{font-size:16px}}.info{-webkit-user-select:none;user-select:none;position:absolute;top:15px;left:10px;font-family:Arial,Helvetica,sans-serif;font-size:14px;padding-left:5px;border-radius:15px;z-index:99;width:20px}.info:hover{background-color:#fff;padding:0 0 0 5px;width:270px;text-align:left!important}.icon-info-sign{font-family:Times New Roman,Times,serif;line-height:2;font-size:16px;padding:3px 10px;margin-right:6px;opacity:1;background-color:#000000b3;border-radius:18px;color:#fff}.extra-info{font-size:12px;line-height:30px;position:relative;left:-300px;color:transparent}.extra-info a{color:#000}.info:hover .extra-info{display:inline-block;left:0;color:#000}body{background-image:url(/images/banff.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:0;font-family:Times New Roman,Times,serif;display:flex;justify-content:center;min-height:100vh;align-items:center}#root{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:#0000007f}.clock-container{width:100vw;padding:1rem 0}.clock{color:#fffacd;font-family:inherit;font-size:5.8rem;font-weight:700;text-align:center;text-shadow:2px 2px 4px hsla(0,0%,0%,.7);line-height:1}.clock .city{color:coral}.city-selector{width:175px;margin:1rem auto}.city-selector select{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:.75rem;font-size:1.15rem;border:1px solid #bebebe;border-radius:5px;color:#f5f5f5;box-shadow:2px 2px 4px #29292999;display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#3f3e3e url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='white' stroke='white' stroke-linecap='butt' stroke-linejoin='butt' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px}.weather{display:flex;justify-content:center;font-size:2rem;color:snow;text-shadow:2px 2px 3px hsla(0,0%,0%,.8);text-align:center;line-height:1}.weather-city{padding:0}.weather-city h2{font-size:3rem;padding:0;margin:.75rem}.weather-city p{font-size:2.5rem;padding:0;margin:.75rem}