@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body,code{font-family:Poppins,serif}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.parent-container{align-items:center;display:flex;flex-direction:row;justify-content:center}.weather-dashboard-container{border:none;border-radius:16px;height:500px;margin:50px 0;outline:none;width:400px}.day{background:linear-gradient(45deg,#62cff4,#2c67f2)}.night{background:linear-gradient(45deg,#000,#444)}.weather-dashboard-container .searchBar-container{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:20px 0}.searchBar-container input{border:none;border-radius:8px;font-family:Poppins,serif;font-size:12px;margin:0 10px;outline:none;padding:10px}.searchBar-container button{align-items:center;background-color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;outline:none;width:40px}button .icon{font-size:16px}.weather-details-container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center}.weather-details-container .temperature-details{align-items:center;display:flex;flex-direction:row;margin-top:16px}.weather-details-container .condition{font-size:18px;margin:0}.temperature-details .weatherIcon{height:64px;width:64px}.temperature-details .temperature{font-size:80px;font-weight:400;line-height:1;margin:10px 0}.weather-details-container .location{text-wrap:nowrap;align-self:flex-start;font-size:28px;font-weight:400;margin-inline:10px;margin-bottom:0;margin-top:10px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;width:400px}.weather-dashboard-container .weather-info{align-items:flex-start;column-gap:24px;display:flex;flex-direction:row;justify-content:space-between;margin:10px 0;width:300px}
/*# sourceMappingURL=main.f43f815f.css.map*/