@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:wght@300;400;600;700&display=swap);*,:after,:before{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.app-container{color:#f5f5f5;display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:100%}html{background-image:url(/static/media/pexels-pixabay-417122.31e389463a13041184aa.jpg);background-repeat:no-repeat;background-size:cover;height:auto;overflow:scroll}.savedlocations-list::-webkit-scrollbar{display:none}.savedlocations-list{margin:auto;max-width:90%}.hideOnPhone,.savedlocations-list{align-items:center;justify-content:center}.hideOnPhone{display:none;flex-direction:column;gap:.5em;margin-top:.5em;width:100%}@media only screen and (min-width:768px){html{overflow:hidden}.hideOnPhone{display:flex}.savedlocations-list{align-items:center;justify-content:flex-start}.app-container{display:flex;flex-direction:column;height:100vh;justify-content:flex-start;width:100%}}.flex-row{align-items:center;display:flex;flex-direction:row}.padding{padding:.5em 1em}@media only screen and (min-width:768px){.app-container{flex-direction:row;justify-content:space-between}}.sidebar-container{align-items:center;background:#000000f3;color:#3565f6;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow:hidden;padding-bottom:2em;position:fixed;text-align:center;-webkit-transform:translateX(-100vw);transform:translateX(-100vw);transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease;width:100vw;z-index:2}.hr:after{background-color:#f0f8ff;content:"";display:flex;height:.005em;margin:.5em 0;opacity:.2;width:100%}.expand{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:all .3s ease}#brand{border-bottom:1px solid hsla(0,0%,47%,.308);display:flex;justify-content:center;padding-bottom:.5em;width:100%}.nav-links{display:flex;flex-direction:column;gap:1em;margin-top:1em}.link{color:gray;cursor:pointer;position:relative;text-decoration:none}.showSidebar{-webkit-transform:translateX(0);transform:translateX(0)}.sidebar-container::-webkit-scrollbar{display:none}.navigation{display:flex;flex-direction:column}.saved-locations{display:none;flex-direction:column;list-style:none;padding-left:2.5em;transition:all 1s ease}.show-locations{display:flex;transition:all 1s ease}.nav-link{align-items:center;display:flex;gap:1em;justify-content:center}.link:focus,.link:hover{color:#3565f6}.link:focus:after,.link:hover:after{-webkit-animation:nav-hover 1s;animation:nav-hover 1s;background:#3565f6;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width 1s ease;width:100%}@-webkit-keyframes nav-hover{0%{width:0}to{width:100%}}@keyframes nav-hover{0%{width:0}to{width:100%}}#close-sidebar{align-self:flex-end}@media only screen and (min-width:768px){.sidebar-container{align-items:flex-start;background:#000000e1;max-width:250px;position:relative;text-align:left;-webkit-transform:translateX(0);transform:translateX(0);width:auto}#close-sidebar,#show-sidebar{display:none}.nav-link{justify-content:flex-start}}#footer-container{bottom:0;color:hsla(0,0%,100%,.678);flex-direction:column-reverse;justify-self:flex-end;margin:0;padding:1.5em 2.5em;position:fixed;z-index:2}.footer-links{display:flex;gap:1em;margin-bottom:1em}.footer-container p{font-size:.8em}.footer-link{color:hsla(0,0%,100%,.678);flex:1 1;text-decoration:none}.container{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:auto;max-width:max(100%,60%);padding:1.2em}@media only screen and (min-width:820px){.container{flex-direction:row;padding:.5em 11em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#footer-container{flex-direction:row;padding:1.5em 2em}.footer-links{display:flex;flex-direction:column;gap:0;margin-bottom:0}.footer-link:hover{color:hsla(0,0%,100%,.978)}}.social-links{display:flex;gap:.5em;justify-content:space-between}.social-links a{font-size:2em;transition:all .2s ease}.social-links a:hover{scale:1.15;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.navbar{flex-direction:column-reverse;gap:1em;top:0;z-index:1}.navbar,.searchbar{align-items:center;display:flex;justify-content:space-between}.searchbar{background:#fff;border-radius:2em;outline:1px solid rgba(54,54,54,.514);padding:.2em .3em;transition:all 1s ease}.searchbar input{border:none;font-size:1em;margin-left:.5em;outline:none;transition:all 1s ease}.nav-top{align-items:center;gap:.5em;justify-content:space-between;transition:all 1s ease;width:100%}.date{text-align:center}.date,.searchbar,.searchbar input{width:100%}.searchbar{gap:.5em}.search-btn{align-items:center;background:#3a60f0;border-radius:50%;color:#f0f8ff;cursor:pointer;display:flex;justify-content:center;padding:.4em;transition:all .5s ease}.search-btn:focus-visible,.search-btn:hover{box-shadow:1px 1px 5px hsla(0,0%,41%,.559);scale:1.3}@media only screen and (min-width:768px){.navbar{flex-direction:row}.nav-top{align-items:center;justify-content:flex-end;transition:all 1s ease}.date{text-align:left}}.search-list{background:#fff;border-radius:.8em;box-shadow:0 4px 5px hsla(0,0%,41%,.259);display:none;flex:1 1;flex-direction:column;gap:.3em;left:0;list-style:none;padding:1em;position:absolute;top:3em;transition:all 1s ease;width:100%;z-index:2}.showSearchList{display:flex;transition:all 1s ease}.search-item{display:flex;flex:1 1;width:100%}#search-link{color:#000;flex:1 1;text-decoration:none;transition:all .1s ease;width:100%}#search-link:hover{background-color:#4d71f550;font-size:1.05em;font-weight:600}.dashboard{align-items:center;flex:1 1;height:100vh;justify-content:space-between;margin:0 1%;overflow-y:auto}.dashboard::-webkit-scrollbar{display:none}.more-detail-link{color:#3a60f0}.weather-val{color:#fff}@media only screen and (min-width:768px){.weather-detail-list li{display:flex;flex:1 1;flex-basis:30%}#city-name,#temp{font-size:3em}.subtitle{font-size:1em}.weather-detail-head{padding:2em}}.weather-container{background:linear-gradient(180deg,#3d577e00,#0b2969);color:#fff;display:flex;flex-direction:column;height:auto;overflow-x:hidden;overflow-y:auto;padding:.5em 1em;width:auto}.weather-container::-webkit-scrollbar{display:none}.user-place-detail{gap:1em;justify-content:space-between;width:100%}@media only screen and (min-width:768px){.weather-container{background:linear-gradient(135deg,#3d577e,#0b2969);max-width:360px}}.lottie{align-items:center;display:flex;flex-direction:column;padding:100% 6em;position:relative;width:-webkit-min-content;width:min-content}.allow-container{align-items:center;justify-content:center;overflow:hidden}#animation{width:300%}#allow-btn,#animation{position:absolute;z-index:1}#allow-btn{background:transparent;border:none;border-radius:1em;color:#f5f5f5;cursor:pointer;outline:1px solid hsla(0,0%,96%,.63);padding:1em;-webkit-transform:translateY(-250%);transform:translateY(-250%);transition:all 1s ease}#allow-btn:hover{background:#3e92e2;color:#fff;outline:none;scale:1.1}.login{align-items:center;display:flex;flex-direction:column;font-family:inherit;height:100vh;justify-content:center;margin:auto;padding:1.2em}#brand-label{color:#3a60f0}.brand{align-items:center;display:flex;justify-content:center}.back-btn{cursor:pointer;display:flex;left:4em;position:relative;top:2em;width:-webkit-min-content;width:min-content}#login-left,#login-right{width:100%}#login-left{z-index:-1}#login-right{background:hsla(0,0%,100%,.941);border-radius:10px;box-shadow:.5px 5px 10px rgba(0,0,0,.15);padding:2em 1.5em}.form-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:1em}.form{gap:1em}.form,.form-element{display:flex;flex-direction:column;width:100%}.form-element{gap:.2em}.form-input{border:none;font-family:inherit;font-size:1em;outline:none;outline:1px solid rgba(0,0,0,.501);padding:.7em}.form-input:focus{background:transparent;outline:1px solid #2289f8}.form-btn{background:linear-gradient(132deg,#b022a5,#821888 34%,#1a9fba);border:none;color:#fff;cursor:pointer;font-family:inherit;letter-spacing:2px;outline:none;padding:1em}@media only screen and (min-width:820px){.login{background-position:bottom;padding:2.8em 11em;width:50%}#login-left{position:relative}}.weather{align-items:center;flex-direction:column;height:100vh;justify-content:center;margin:-9em auto auto;overflow:hidden;width:100%}#title{font-size:2em;margin:auto;padding:2em 0;text-align:center;width:100%}.modal{transition:opacity .3s ease}@media only screen and (min-width:768px){.weather{display:flex;margin-top:1em}#title{font-size:4em;margin:auto;padding:0 0 2em;text-align:center;width:80%}}.weather-detail-head{align-content:space-between;align-items:center;background:#000;border-radius:1em;box-shadow:1px 2px 5px hsla(0,0%,40%,.311);color:#fff;justify-content:space-between;margin-top:1em;padding:2.5em 1em;position:relative}.place-detail{display:flex;flex-direction:column;text-align:left}.place-weather-detail{display:flex;flex-direction:column;text-align:right}.place-detail,.place-weather-detail{align-content:space-between}.subtitle{color:hsla(0,0%,92%,.977);font-size:.85em}.subtitles{justify-self:flex-end}.subtitle1{text-align:left}.subtitle2{text-align:right}.condition-head{align-items:center;justify-content:space-between;padding:1em 0}.more-detail-link{background:linear-gradient(135deg,#3e567c,#102867);border-radius:2em;color:#fff;padding:.25em .5em;text-decoration:none}.weather-detail-list{align-items:stretch;flex-wrap:wrap;gap:1em;justify-content:space-between;list-style:none}.weather-detail-list li{display:flex;flex:1 1;flex-basis:50%;position:relative}.weather-card{align-items:center;background:rgba(237,239,241,.979);border-radius:1em;box-shadow:1px 1px 8px hsla(0,0%,40%,.19);gap:1em;justify-content:space-evenly;padding:2em .5em 1.5em;position:relative;width:100%}.weather-icon{color:#3a60f0}.weather-subhead{background:linear-gradient(135deg,#3e567c,#102867);border-radius:4em 0 6em 0;box-shadow:1px 1px 5px hsla(0,0%,63%,.39);color:grey;color:#fff;font-size:1.25em;font-size:.9em;padding:.1em 1em;position:absolute;z-index:1}.weather-val{color:#010008;display:inline-flex;font-size:2em;font-weight:600}.weather-detail{display:flex;flex-direction:column;gap:.2em}.low{color:red;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.high{color:green}#city-name,#temp{font-size:2em}#city-name{position:relative}.bookmark{align-items:center;border-radius:100%;cursor:pointer;display:flex;justify-content:center;outline:1px solid #fff;padding:.1em;position:absolute;right:1em;top:.5em;width:-webkit-min-content;width:min-content}@media only screen and (min-width:768px){.weather-detail-list li{display:flex;flex:1 1;flex-basis:30%}#city-name,#temp{font-size:3em}.subtitle{font-size:1em}.weather-detail-head{padding:2em}.more-detail-link{background:linear-gradient(135deg,#3e567c,#102867);border-radius:2em;color:#fff;padding:.5em 1em;text-decoration:none}.search-weather{overflow-y:scroll}.search-weather::-webkit-scrollbar{display:none}}
/*# sourceMappingURL=main.1ec3b429.css.map*/