.navbar{background-color:#005986;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 20px;gap:13px;height:56px}.navbar__label{font-size:1.4rem;color:#fff;text-decoration:underline;margin:0}.navbar__label:hover{cursor:pointer;color:#2b2b2b}.navbar__logo{height:32px;width:40px}@media (min-width: 744px){.navbar{gap:40px;justify-content:unset;justify-content:center}.navbar__label{font-size:1.8rem}}.searchBar{position:relative;display:flex;flex-direction:column;align-items:center;border-radius:4px}.searchBar__field{background-color:#337a9e;border-radius:4px;border:0px;width:140px;padding:0 10px;height:24px;color:#fff}.searchBar__field::placeholder{color:#fff}.searchBar__icon{position:absolute;top:4px;right:10px;height:16px;width:16px}@media (min-width: 744px){.searchBar__field{width:511px;height:29px}.searchBar__field::placeholder{font-size:1.8rem}.searchBar__icon{top:7px}}.listButton{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:12px;background-color:#fff;font-size:1.8rem;border:0px;z-index:50}.listButton__label{color:#2b2b2b}.listButton:hover{color:#fff;background-color:#337a9e}.autoComplete{position:absolute;top:42px;width:100vw;border:#2b2b2b solid 2px}@media (min-width: 744px){.autoComplete{width:544px}}.textButton{background-color:#337a9e;color:#fff;display:flex;justify-content:center;padding:10px;border:0px}.textButton__label{font-size:1.4rem}.textButton:hover,.textButton__selected{border-bottom:2px solid #ffffff}@media (min-width: 744px){.textButton__label{font-size:1.8rem;font-weight:700}}.dayMenu{display:flex;flex-direction:row;justify-content:space-evenly;margin:0;padding:0 8px;border-radius:0 0 12px 12px;background-color:#337a9e}@media (min-width: 744px){.dayMenu{margin:0 auto;width:744px}}.tempCard{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;background:linear-gradient(90deg,#83c9f4 46.35%,#ffffff 100%);margin:12px 20px;padding:20px 8px;box-shadow:5px 8px 10px #00000080;border-radius:10px;color:#2b2b2b}.tempCard__title{font-size:1.8rem;font-weight:700}.tempCard__mainSection{display:flex;width:100%;flex-direction:row;justify-content:space-between;align-items:center;padding:0}.tempCard__leftSection{display:flex;flex-direction:column;align-items:flex-start;padding:0}.tempCard__time_label{font-size:1.8rem}.tempCard__date_label{font-size:1.4rem}.tempCard__temp_section{display:flex;flex-direction:row;align-items:center;padding:0;gap:4px}.tempCard__temp_label{font-size:48px}.tempCard__tempUnit_label{font-size:1.4rem}.tempCard__rightSection{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px}.tempCard__subSection_container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:65px;padding:0;gap:12px}.tempCard__subInfo{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;gap:4px}.tempCard__subIcon{width:20px;height:20px}.tempCard__Icon{width:64px;height:64px}@media (min-width: 744px){.tempCard{padding:40px 20px;margin:20px 30px}.tempCard__time_label{font-size:2.2rem}.tempCard__date_label{font-size:1.8rem}.tempCard__temp_label{font-size:64px}.tempCard__tempUnit_label{font-size:2.2rem}.tempCard__subIcon{width:28px;height:32px}.tempCard__subIcon_label{font-size:2.2rem}.tempCard__subSection_container{width:auto}.tempCard__subInfo{gap:12px}.tempCard__Icon{width:160px;height:160px}}.footer{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 0;gap:24px;background-color:#005986;color:#fff}.footer__apiLink{text-decoration:none}.footer__apiLink:visited{color:#fff}.footer__apiLink_label{font-size:1.4rem}.logo{width:38.54px;height:32px}.socials{display:flex;flex-direction:column;align-items:center;padding:0;gap:4px}.socials__text{font-size:1.4rem}.socials__imgLinkContainer{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:8px}.socials__iconLink{width:16px;height:16px}@media (min-width: 744px){.logo{width:57px;height:48px}.socials__iconLink{width:20px;height:20px}.footer{padding:20px 0}}.tempMiniCard{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 8px;gap:8px;background-color:#83c9f4;font-size:1.4rem;text-align:center}.tempMiniCard--selected{background-color:#337a9e;color:#fff}.tempMiniCard__timeContainer{display:flex;justify-content:center;align-items:center;padding:4px 0;gap:10px;background-color:#fff;width:35px;border:1px solid #2b2b2b}.tempMiniCard__temp{display:flex;flex-direction:column;align-items:center;gap:4px}.tempMiniCard__sunIcon{width:20px;height:20px}.tempMiniCard__rainWind{display:flex;flex-direction:column;align-items:center;padding:0;gap:4px}.tempMiniCard__rainWindIcon{width:14px;height:16px;display:flex;flex-direction:column;align-items:center}.tempMiniCard__sunLabel{width:33px;height:16px;font-weight:700;text-align:center}@media (min-width: 744px){.tempMiniCard{font-size:1.8rem}.tempMiniCard__sunIcon{width:36px;height:36px}.tempMiniCard__rainWindLabel{text-align:center}}.tempgraphic{display:flex;flex-direction:row;align-items:center;padding:0;border-radius:10px;margin:20px;width:calc(100vw - 40px);overflow:scroll;overflow-y:hidden}.tempgraphic::-webkit-scrollbar{width:10px}.tempgraphic::-webkit-scrollbar-track{background:#f1f1f1}.tempgraphic::-webkit-scrollbar-thumb{background:#888}.tempgraphic::-webkit-scrollbar-thumb:hover{background:#555}@media (min-width: 744px){.tempgraphic{width:684px;margin:30px}}.locationNotFound{display:flex;flex-direction:column;align-items:center;padding:8px;gap:12px;background-color:#337a9e;border-radius:8px;color:#fff;margin:20px auto;width:min-content}.locationNotFound__icon{width:40px;height:40px}.locationNotFound__title{font-size:2.2rem;width:max-content}.locationNotFound__subtitle{font-size:1.8rem}:root{font-family:Roboto,sans-serif;font-size:62.5%;font-weight:400;color:#2b2b2b;background-color:#242424}body{margin:0;place-items:center;min-width:320px;min-height:100vh}#root{min-height:100vh}p{margin:0}#root{display:flex;min-height:100vh;flex-direction:column;justify-content:flex-start;align-items:center}header{width:100%}footer{margin-top:auto;width:100%}@media (min-width: 744px){main{width:744px}}