.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{font-size:calc(10px + 2vmin)}.mainBox{width:50%;margin:auto;padding:1%;height:70px}.inpSearchBox{width:98%;height:50px;border-radius:8px;font-size:23px;padding-left:45px}.logoinp{display:flex}.logo{width:3%;height:95%;position:relative;top:15px;left:38px}.outputBox{height:400px;width:96.5%;margin-left:3%;margin-top:5px;border-radius:8px;overflow-y:scroll;backdrop-filter:blur(10px)}.outputBox::-webkit-scrollbar{display:none}.cityBoxSingle{border:1px solid black;height:50px;margin-top:1px;border-radius:8px}.cityBoxSingle:hover{cursor:pointer;background-color:#7fffd4}.city{font-size:20px;padding:5px;font-weight:500}.state{font-size:15px}.outWeatherBox{width:60%;margin:auto;display:flex}.singleweather{text-align:center;width:100%;margin-left:5px;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}.singleweather:hover{cursor:pointer;background-color:#7fffd4}.cloudImg{width:70%}.temp{margin:1px}.modalBox{height:400px;width:50%;margin:10% auto auto;box-shadow:#00000059 0 5px 15px;backdrop-filter:blur(20px);background-image:url(/assets/clouds.c8661c66.png);background-repeat:no-repeat;background-position:center}.button-38{background-color:#fff;border:0;border-radius:.5rem;box-sizing:border-box;color:#111827;font-family:Inter var,ui-sans-serif,system-ui,-apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:.875rem;font-weight:600;line-height:1.25rem;padding:.75rem 1rem;text-align:center;text-decoration:none #D1D5DB solid;text-decoration-thickness:auto;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;margin-left:42%;margin-top:5%}.button-38:hover{background-color:#f9fafb}.button-38:focus{outline:2px solid transparent;outline-offset:2px}.button-38:focus-visible{box-shadow:none}#chartData{margin:auto}.mapGraphBox{display:flex}.mapGraphBox>div{flex:1;width:100%}.mainBoxpopUp{text-align:center}table{width:100%;font-size:18px}.col{text-align:center;width:50%}.temp{font-size:21px}.loader{position:relative;width:100px;height:100px;left:48%;top:200px;border:4px solid transparent;border-radius:50%;border-top:4px solid rgb(0,0,0);animation:rotate 1.5s linear infinite;margin-bottom:300px}.loader:before,.loader:after{position:absolute;content:"";border-radius:50%;box-sizing:border-box;border:4px solid transparent}.loader:after{inset:0;border-bottom:4px solid rgb(0,0,0);animation:rotate .5s linear infinite reverse}.loader:before{inset:4px;border-left:4px solid rgb(0,0,0);animation:rotate 1.5s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mapdiv{box-shadow:#00000059 0 5px 15px;height:340px;margin:30px auto;padding:10px;border-radius:10px}.map{width:100%;height:98%;border:none}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}