body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@tailwind base;@tailwind components;@tailwind utilities;body{background-color:#000;color:#fff;font-family:Nunito Sans,sans-serif;margin:0}.container{min-height:100vh}.container,.loading-container{display:flex;flex-direction:column}.loading-container{align-items:center;height:100vh;justify-content:center}.Loading{display:block;margin-bottom:10px}.loading-text{color:#333;font-family:"Cursive",sans-serif;font-size:32px}.header{align-items:center;background-color:#1e1e1e;display:flex;justify-content:space-between;padding:1rem}.logo-container{display:flex;flex-direction:row}.logo{height:32px;width:10rem}.selectorButton{background-color:initial;border:none}.search-container{align-items:center;display:flex;margin-left:5rem}.search-container .form{display:flex;flex-direction:row}.search-input{background-color:#1e1e1e;border:none;border-radius:1rem;color:#fff;padding:.5rem}.search-button{background-color:#1e1e1e;border:none;border-radius:40%;margin-left:8px}.location-button{background-color:#c5aff7;border:none;border-radius:2rem;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:1.2rem;font-weight:400;margin-left:3rem;padding:.5rem 1rem}.main-content{padding:1rem}.align,.main-content{display:flex;flex-direction:column}.current-weather,.forecast,.highlights{background-color:#1a1919;border-radius:16px;box-sizing:border-box}.current-weather{padding:0 0 10px 15px;width:250px;z-index:1}.current-weather .weather-icon-sun{display:flex;flex-direction:column;margin-left:10rem;margin-top:-3rem}.current-weather .divider{background:#fff;border:0;height:1px;margin-left:-10px}.highlights{margin-left:275px;margin-top:-15.2rem;padding:1rem}.current-weather .date{margin:0 0 3px}.highlight{background-color:#101010;border-radius:10px;box-sizing:border-box;height:15rem;margin-top:-9.7rem;padding:1rem;width:36rem}.highlights-container1{display:flex;flex-direction:row;gap:8px;margin-top:10rem;width:100%}.highlights .highlights-container3 .highlight .content,.highlights-container1 .highlight .content{display:flex;flex-direction:row;gap:3rem;margin-top:1.5rem}.highlights-container3{background-color:#1a1919;display:flex;flex-direction:row;margin-top:1rem}.highlights-container3 .highlight1{align-items:center;background-color:#101010;border-radius:10px;display:flex;flex-direction:column;gap:8px;justify-content:center;margin:0 3rem;width:30rem}.highlights-container3 .highlight1 .highlight-value{margin-right:2rem;text-align:center;translate:15px}.highlights-container2{display:flex;flex-direction:row;gap:8px;margin-top:20rem;width:100%}.highlights-container2 .highlight{height:-10rem}.highlight-title .list{display:flex;flex-direction:row;gap:8px}.highlight-status{border-radius:10px;height:22px;margin:0 5px 0 -5px;text-align:center;width:60px}.temperature{font-size:2.5rem}.condition,.date,.location{font-size:1.25rem}.highlight2{grid-gap:1rem;background-color:#1a1919;border-radius:10px;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);margin-top:-9.7rem;width:49%}.highlight2 .container1{background-color:#101010;border-radius:10px}.highlight2 .container1 .highlight-value{margin-right:1rem;text-align:right;translate:0 -2.5rem}.forecast{background-color:#000;display:flex;flex-direction:column;height:15rem;justify-content:space-between;margin-top:-13rem;width:250px}.forecast-title,.highlights-title,.hourly-forecast-title{font-size:1.5rem;margin-bottom:1rem}.highlights-grid,.hourly-forecast-grid{display:flex;width:100%}.forecast-grid{background-color:#1a1919;border-radius:10px;display:flex;flex-direction:column;justify-content:space-evenly}.forecast-item{display:flex;justify-content:space-around}.forecast-date,.forecast-temp,.forecast-weather-icon{display:flex;margin-right:2rem}.forecast-date{display:flex;flex-direction:row}.forecast-item,.highlight,.hourly-forecast-item{text-align:center}.forecast-date,.forecast-temp,.highlight-status,.highlight-title,.highlight-value,.hour,.hour-temp{font-size:1rem}.hourly-forecast{align-content:center;align-items:center;background-color:#000;justify-content:space-evenly;margin-left:300px}.hourly-forecast-item{align-items:center;background-color:#373737;border-radius:10px;box-sizing:border-box;flex-direction:column;height:6.5rem;justify-content:center;margin-left:10px;width:7rem}.footer,.hourly-forecast-item{display:flex;text-align:center}.footer{background-color:#000;justify-content:space-between;margin-right:4rem;padding:1rem}.footer .SALogo{clip-path:polygon(51% 19%,77% 34%,77% 65%,49% 80%,23% 65%,23% 34%);height:5rem;margin-left:1rem;width:5rem}.footer .col1 p{margin-bottom:1.5rem}.footer .col2 p{margin-right:-1rem;margin-top:1.5rem}.footer .col2 img{margin-right:-1rem;margin-top:1rem}.error-content{align-items:center;background-color:#131214;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;text-align:center;top:0;width:100%;z-index:2}.error-icon{height:10rem;width:10rem}.error-title{color:#fff;font-size:72px;margin:0}.error-message{color:#fff;font-size:24px;margin:0}.btn-primary{background-color:#a85cf9;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:18px;margin-top:20px;padding:10px 20px;text-decoration:none}.btn-primary:hover{background-color:#9440e0}
/*# sourceMappingURL=main.d1fc4984.css.map*/