:root{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{padding:10px;font-family:Lato,sans-serif}table.locations{box-shadow:0 0 10px #00000080}td,th{border:1px solid #666;padding:5px;text-align:left;white-space:nowrap;font-size:75%;position:relative}.forecast-card{margin-bottom:5px}.forecasts{display:flex;justify-content:flex-start;flex-wrap:wrap}.forecast{display:flex;flex-direction:column;position:relative;width:100%;height:80px;margin-bottom:4px;margin-right:4px;border:1px solid #888;font-size:13px;transition-duration:.25s;transform-style:preserve-3d;transform:rotateX(0);cursor:pointer}.forecast--sat,.forecast--sun{border:1px solid black}.forecast--flipped{transform:rotateX(180deg)}.forecast__front,.forecast__back{padding:2px 4px;width:100%;height:100%;position:absolute;top:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.forecast__front::-webkit-scrollbar,.forecast__back::-webkit-scrollbar{display:none}.forecast__front{transform:rotateX(0)}.forecast__back{background-color:#444;color:#fff;transform:rotateX(180deg);overflow-y:scroll;z-index:-1}@media (min-width: 400px){.forecast{width:240px;margin-right:4px}}.forecast__when{text-transform:uppercase;font-weight:700}.forecast__sunrise-sunset{display:flex}.forecast__sunset,.forecast__moonphase{margin-left:8px}.nws-link{text-decoration:none;text-transform:uppercase;color:#000;font-weight:700;margin-bottom:8px;display:inline-block}.nws-link:hover{text-decoration:underline}