*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto}.app{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100vw;min-width:400px;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.notfound-container{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background-size:cover;background-position:center}.notfound-content{max-width:1000px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px;padding:0 20px;border:1px solid lightBlue;border-radius:15px;background:#fff;opacity:.85}.notfound-header{margin:20px;text-align:center;color:#036}.notfound-text{text-align:center}.notfound-link{cursor:pointer;color:#036;margin:20px;text-decoration:none}.searchbar-container{display:flex;align-items:center;position:relative}.searchbar-input{width:130px;margin:5px;padding:7px;border-radius:5px}.searchbar-button{background:transparent;border:none;display:flex;align-items:center;justify-content:center;width:35px;height:35px;margin:0;padding:0;cursor:pointer;border-radius:50%;transition:color .3s ease}.searchbar-button:hover svg{color:#fff}.searchbar-button svg{color:#036;width:35px;height:35px}.search-results{position:absolute;top:100%;left:0;background:#e0e0e0;color:#036;margin:2px 0;padding:5px;border:1px solid #cccccc;border-radius:3px}.search-result-item{cursor:pointer;color:#036;background:#e0e0e0}.search-result-item.selected{background:#87cefa}@media (max-width: 600px){.searchbar-input{width:130px}}@media (min-width: 601px) and (max-width: 900px){.searchbar-input{width:200px}}@media (min-width: 901px) and (max-width: 1200px){.searchbar-input{width:300px}}@media (min-width: 1201px) and (max-width: 1920px){.searchbar-input{width:350px}}@media (min-width: 1921px){.searchbar-input{width:500px}}.navbar{display:flex;align-items:center;justify-content:space-between;padding:5px;background-color:#87cefa;color:#fff;border-bottom:none;box-shadow:0 2px 4px #0000001a;position:relative}.navbar__title{font-family:Pacifico,sans-serif;font-weight:400;color:#036}.navbar__button{background:transparent;color:#036;border:none;display:flex;align-items:center;justify-content:center;width:35px;height:35px;margin:0;padding:0;cursor:pointer;border-radius:50%;transition:color .3s ease}.navbar__button svg{color:#036;width:35px;height:35px}.navbar__button:hover svg{color:#fff}.profile-menu{position:absolute;top:100%;right:0;background-color:#fff;color:#036;box-shadow:0 4px 8px #0000001a;padding:.5rem;border-radius:5px;z-index:10;display:flex;flex-direction:column}.profile-menu h4{font-size:medium;margin:10px 0 0}.profile-menu .button-group{display:flex;gap:10px}.profile-menu button{background:transparent;border:none;cursor:pointer;color:#036;padding:5px}.profile-menu button.selected{font-weight:700;color:#87cefa}@media (max-width: 600px){.profile-menu{width:80%}}@media (min-width: 601px) and (max-width: 900px){.profile-menu{width:60%}}@media (min-width: 901px) and (max-width: 1200px){.profile-menu{width:40%}}@media (min-width: 1201px) and (max-width: 1920px){.profile-menu{width:30%}}@media (min-width: 1921px){.profile-menu{width:20%}}.current-weather{display:grid;grid-template-areas:"left right" "bottom bottom";height:fit-content;margin-top:10px;padding:10px 5px 5px;border:1px solid #cccccc;border-radius:5px;background-color:#f0f8ff;color:#036;position:relative}.current-weather-left{grid-area:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;font-weight:700}.current-weather-right{grid-area:right;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.current-weather-bottom{grid-area:bottom;text-align:end}.current-weather-temp{font-size:3rem;margin:0}.current-weather-description{max-width:100%;overflow:hidden}.current-weather-label{position:absolute;top:-10px;left:5px;background:#f0f8ff;border:1px solid #cccccc;border-radius:5px;font-size:16px}.today-weather{display:grid;grid-template-areas:"left right" "bottom bottom";height:fit-content;margin-top:10px;padding:10px 5px 5px;border:1px solid #cccccc;border-radius:5px;background-color:#f0f8ff;color:#036;position:relative}.today-weather-left{grid-area:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;font-weight:700}.today-weather-right{grid-area:right;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.today-weather-bottom{grid-area:bottom;text-align:end}.today-weather-temp{font-size:1rem;margin:0}.today-weather-description{max-width:100%;overflow:hidden}.today-weather-label{position:absolute;top:-10px;left:5px;background:#f0f8ff;border:1px solid #cccccc;border-radius:5px;font-size:16px}.daily-weather-container{position:relative;color:#036}.daily-weather{display:flex;align-items:center;justify-content:space-between;overflow:auto;margin:11px 0 5px;color:#036;scrollbar-width:none;-ms-overflow-style:none;gap:5px}.daily-weather-item{display:flex;flex-direction:column;justify-content:space-between;min-width:140px;padding:10px 5px 5px;border:1px solid #b3daff;border-radius:5px;background-color:#f0f8ff}.daily-weather h4{margin:0}.daily-weather p{margin:0;font-size:1rem}.daily-weather .precipitation,.daily-weather .weather-description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.daily-weather-label{position:absolute;top:-10px;left:5px;background:#f0f8ff;border:1px solid #cccccc;border-radius:5px;font-size:16px}.hourly-weather-container{position:relative;color:#036}.hourly-weather{display:flex;align-items:center;justify-content:space-between;overflow:auto;margin:11px 0 5px;color:#036;scrollbar-width:none;-ms-overflow-style:none;gap:5px}.hourly-weather-item{display:flex;flex-direction:column;justify-content:space-between;min-width:140px;padding:10px 5px 5px;border:1px solid #cccccc;border-radius:5px;background-color:#f0f8ff}.hourly-weather h4{margin:0}.hourly-weather p{margin:0;font-size:1rem}.hourly-weather .precipitation,.hourly-weather .weather-description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hourly-weather-label{position:absolute;top:-10px;left:5px;background:#f0f8ff;border:1px solid #cccccc;border-radius:5px;font-size:16px}.card{width:100%;padding:5px;border:1px solid #dddddd;border-radius:5px;box-shadow:0 2px 4px #0000001a;background:#fff}.card-header{display:flex;align-items:center;justify-content:space-between;padding:5px;border:1px solid #cccccc;border-radius:5px;background:#87cefa;color:#036}.card-header h2{font-weight:600;font-family:Roboto,sans-serif}.card-buttons{display:flex;align-items:center;justify-content:space-between}.card-icon{background-color:#036;color:#fff;border:none;margin:5px;cursor:pointer;border-radius:3px;transition:background-color .3s ease}.card-icon:hover{background-color:#004c99}.card-loading{text-align:center;color:#036}.card-list{display:grid;gap:5px;justify-content:center;padding:5px;background-color:#e0e0e0}.no-cards-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:100%}@media (max-width: 600px){.card-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (min-width: 601px) and (max-width: 900px){.card-list{grid-template-columns:repeat(auto-fit,minmax(280px,.5fr))}}@media (min-width: 901px) and (max-width: 1200px){.card-list{grid-template-columns:repeat(auto-fit,minmax(280px,.5fr))}}@media (min-width: 1201px) and (max-width: 1920px){.card-list{grid-template-columns:repeat(auto-fit,minmax(280px,.3fr))}}@media (min-width: 1921px){.card-list{grid-template-columns:repeat(auto-fit,minmax(280px,.2fr))}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#f0f8ff;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center}.modal-content__button{margin-top:10px;padding:5px 10px;background-color:#036;color:#fff;border:none;border-radius:5px;cursor:pointer}.home-container{background-color:#e0e0e0;min-width:400px;width:100%;display:flex;flex-direction:column;height:100vh}.sign-in{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 20px 20px}.sign-in form{display:flex;flex-direction:column;align-items:center;margin-bottom:35px}.sign-in input{width:250px;height:30px;margin-bottom:10px;font-size:1.3rem;padding:5px;border:1px solid #ccc;border-radius:3px}.sign-in button{width:250px;height:50px;margin-bottom:10px;font-size:1.3rem;background-color:#036;color:#fff;border:none;cursor:pointer;border-radius:3px;transition:background-color .3s ease}.sign-in button:hover{background-color:#024}.sign-up{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 20px 20px}.sign-up form{display:flex;flex-direction:column;align-items:center;margin-bottom:35px}.sign-up input{width:250px;height:30px;margin-bottom:10px;font-size:1.3rem;padding:5px;border:1px solid #ccc;border-radius:3px}.sign-up button{width:250px;height:50px;margin-bottom:10px;font-size:1.3rem;background-color:#036;color:#fff;border:none;cursor:pointer;border-radius:3px;transition:background-color .3s ease}.sign-up button:hover{background-color:#024}.get-started-container{height:100vh;width:100vw;min-width:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:url(/assets/getStartedBackground-BiHS-uhS.webp);background-size:cover;background-position:center}.get-started-content{max-width:700px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px;padding:0 20px;border:1px solid lightBlue;border-radius:15px;background:#fff;opacity:.9}.error-message{margin:10px}.get-started-title{margin:20px;text-align:center;color:#036}.get-started-text{text-align:center;margin-bottom:20px}.get-started-link{cursor:pointer;color:#036;font-size:1.3rem;margin:20px;text-align:center}.loading-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#e0e0e0;color:#036;font-family:Pacifico,cursive}.loading-text{font-size:2.5rem;animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Pacifico;src:url(/assets/Pacifico-Regular-DqRvctb9.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/assets/RobotoCondensed-VariableFont_wght-BFsFSWXF.ttf) format("truetype");font-weight:400;font-style:normal}