*{margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:Montserrat,sans-serif}.main{height:calc(100% - 32px);width:calc(100% - 32px);padding:16px;display:flex;flex-direction:column;gap:16px}.topHorizonal{display:flex;background-color:#fff1;padding:16px 20px 24px;border-radius:16px}.bottomHorizontal{display:flex;gap:16px;flex:2}.location{display:flex;flex-direction:column;flex:500}.location .current{display:flex;flex-direction:row;font-size:64px}.location .snapshot{display:flex;flex-direction:row;font-size:32px;padding-left:76px}.location .locationInfo{display:flex;flex-direction:row;font-size:24px;padding-left:80px;opacity:.6}.currentTemp{display:flex;flex-direction:column;flex:1;align-items:flex-end;font-size:96px;margin-right:16px}.hour{display:flex;flex-direction:column;flex:1;align-items:center;justify-content:space-between;font-size:24px;border-radius:16px;padding:16px;text-align:center}.horzSpan{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}.selectorPage{font-family:Montserrat,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;width:100%;background-color:#222;color:#fff}.selectorPage input{padding:4px;border-radius:4px;border:none;outline:none}.selectorPage input:focus{box-shadow:0 0 0 2px #fff}.selectorPage select{padding:4px;border-radius:4px;border:none;outline:none;background-color:#fff;color:#222;cursor:pointer}.selectorPage button{font-size:16px;padding:4px;border-radius:4px;border:none;outline:none;background-color:#fff;color:#222;cursor:pointer}