@import url(https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Lato:wght@500&family=Nanum+Gothic:wght@400;700;800&display=swap);:root{--dark-blue:#306fb4;--witting-blue:#b3e1ef;--blue:#5590c7;--off-white:#f4f2f4;--border-blue:#3c5386;--grey:#4b4c4e;--font-main-heading:"Dela Gothic One",cursive;--font-heading:"Nanum Gothic";--font-para:"Lato"}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(180deg,#306fb4,#5590c7) no-repeat;background:linear-gradient(to bottom,var(--dark-blue),var(--blue)) no-repeat;height:100%;min-height:100vh}a{color:inherit;text-decoration:none}.App-header{align-items:center;display:flex;gap:5rem;padding:2rem 3rem}.hamburger{display:none}.logo{align-items:flex-start;display:flex;justify-content:center}.logo-heading{-webkit-text-fill-color:transparent;background-clip:content-box;-webkit-background-clip:text;background-image:url(/static/media/blueLogoBg.22e0b1d12b8123520511.jpg);background-repeat:repeat;color:var(--writting-blue);font-family:Dela Gothic One,cursive,sans-serif;font-family:var(--font-main-heading),sans-serif;font-size:1.5rem;font-weight:900;line-height:45px;text-transform:uppercase}.logo-image{height:2.5rem}nav a{color:#b3e1ef;color:var(--witting-blue);font-family:Nanum Gothic;font-family:var(--font-heading);font-size:medium;font-weight:900}.form-container{background-color:#f4f2f4;background-color:var(--off-white);border:1px solid #f4f2f4;border:1px solid var(--off-white);border-radius:1.5rem;box-shadow:6px 24px 52px -10px rgba(0,0,0,.75);-webkit-box-shadow:6px 24px 52px -10px rgba(0,0,0,.75);-moz-box-shadow:6px 24px 52px -10px rgba(0,0,0,.75);display:flex;justify-content:space-between;margin:9rem 15% 3rem;opacity:.5;padding:.5rem 2rem}.input-submit,.input-text{background-color:initial;border:none;outline:none}.input-text{color:#4b4c4e;color:var(--grey);flex:1 1;font-weight:900}.input-text::-webkit-input-placeholder{color:#4b4c4e;color:var(--grey);font-weight:200}.input-text::placeholder{color:#4b4c4e;color:var(--grey);font-weight:200}.aqi-details{box-shadow:4px 5px 10px 0 rgba(0,0,0,.75);-webkit-box-shadow:4px 5px 10px 0 rgba(0,0,0,.75);-moz-box-shadow:4px 5px 10px 0 rgba(0,0,0,.75);display:flex;flex-direction:column;gap:.5rem;margin:0 10% 5rem;padding:5%}.back-button,.page-not-found-link{align-self:flex-start;background:transparent;border:none;color:#b3e1ef;color:var(--witting-blue);cursor:pointer;font-family:Nanum Gothic,sans-serif;font-family:var(--font-heading),sans-serif;font-size:medium;margin-bottom:1rem}.location-heading{font-family:Nanum Gothic;font-family:var(--font-heading)}.location-heading,.location-para{color:#b3e1ef;color:var(--witting-blue)}.location-para{font-family:Lato;font-family:var(--font-para);line-height:1.2rem}.quality{align-items:center;display:flex;gap:.5rem}.aqi-quality,.quality{color:#b3e1ef;color:var(--witting-blue)}.aqi-quality{font-family:Nanum Gothic;font-family:var(--font-heading);font-size:1.2rem}table{border-collapse:collapse}table,td,th,tr{border:1px solid #4b4c4e;border:1px solid var(--grey);color:#b3e1ef;color:var(--witting-blue);padding:1rem 2rem 1rem .3rem;text-align:start;vertical-align:text-top}th{text-align:center}tbody tr:nth-child(2n),th{background-color:#306fb4;background-color:var(--dark-blue)}.page-not-found{align-items:center;box-shadow:4px 5px 10px 0 rgba(0,0,0,.75);-webkit-box-shadow:4px 5px 10px 0 rgba(0,0,0,.75);-moz-box-shadow:4px 5px 10px 0 rgba(0,0,0,.75);display:flex;flex-direction:column;justify-content:center;margin:10% 20%;padding:2rem 4rem 10rem}.page-not-found-heading{color:#b3e1ef;color:var(--witting-blue);margin-bottom:1rem}.page-not-found-link{margin-bottom:3rem}.cities{display:flex;flex-direction:column;margin:0 10% 5rem;padding:5%}.pagination{color:#b3e1ef;color:var(--witting-blue);display:flex;flex-wrap:wrap;list-style:none;margin-top:2rem}.pagination li{border:1px solid #b3e1ef;border:1px solid var(--witting-blue);padding:.4rem .5rem}.pagination a{cursor:pointer;padding:.3rem .5rem}.city-list{grid-gap:3rem 2rem;display:grid;gap:3rem 2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.city-list .card{align-items:center;background-color:#5590c7;background-color:var(--blue);border:1px solid #3c5386;border:1px solid var(--border-blue);box-shadow:4px 5px 10px 0 rgba(0,0,0,.75);-webkit-box-shadow:4px 5px 10px 0 rgba(0,0,0,.75);-moz-box-shadow:4px 5px 10px 0 rgba(0,0,0,.75);display:flex;flex-direction:column;gap:1rem;padding:1rem 1rem 4rem}.city-list h1{align-self:flex-end;color:#b3e1ef;color:var(--witting-blue);font-family:Lato,sans-serif;font-family:var(--font-para),sans-serif;font-size:1.5rem;font-weight:500;margin-right:1.5rem;width:50%}.heading2{text-align:end}.heading1{display:none}.city-list .card-img{background-position:50%;background-repeat:no-repeat;background-size:cover;height:130px;overflow:hidden;width:240px}.card-img img{opacity:0}.city-list a{align-self:flex-end;color:#b3e1ef;color:var(--witting-blue);margin-right:1.5rem;text-decoration:underline}@media only screen and (max-width:746px){.App-header{gap:.4rem;justify-content:space-between;padding:2rem}.logo-heading{font-size:1rem}.city-list{grid-template-columns:1fr;row-gap:0}.city-list .card-img,.heading2{display:none}.city-list .card{align-items:center;flex-direction:row;justify-content:space-between;padding:2rem}.card:nth-child(2n){background-color:#306fb4;background-color:var(--dark-blue)}.heading1{display:block;margin-right:0}.hamburger{cursor:pointer;display:block}.home{display:none}.pagination{margin-left:.3rem;margin-right:.3rem}.form-container{margin:4rem 10% 3rem}.cities{margin:0 0 5rem;padding:0}.aqi-details{margin:1rem 5% 5rem}}
/*# sourceMappingURL=main.e36e5650.css.map*/