@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300..800&family=Roboto:wght@100..900&display=swap";#header{font-family:Open Sans,sans-serif;font-weight:lighter;text-align:center;color:#fff;margin:auto;font-size:32px}#container{height:auto;overflow:hidden;width:100%}#video_home>video{object-fit:cover;z-index:-1;width:100%;position:fixed;height:100%}#outline{padding:15px;border:2px solid white;display:inline-block;margin:0 20px;border-radius:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.pop{display:flex;justify-content:flex-start;margin-left:250px;margin-top:70px}#details{border-radius:20px;padding:20px;width:100%;height:470px;margin-top:10px}.weather-info{margin:5px 0 0 5px}.weather-details>p{margin-top:30px;color:#fff;font-family:Open Sans,sans-serif;font-weight:lighter;font-size:large}#city_name{width:100%;padding:4px 4px 4px 35px;border-radius:50px;border:none;outline:none;font-weight:bolder;font-size:large;background:transparent}.default #city_name{color:#fff}#input_search{position:relative;display:flex;align-items:center;width:85%;border-radius:50px;padding:10px;border:1px solid gray}.search-icon{position:absolute;left:10px;color:#000;font-size:20px}.visualize{padding:15px 0;width:150px;color:#000;background-color:#acacac;border:2px solid transparent;font-family:Open Sans,sans-serif;font-weight:400;border-radius:10px;font-size:16px;display:inline-block;cursor:pointer;transition:background-color .3s ease}#visualize_btn{display:flex;justify-content:flex-start;margin:20px 0 20px 355px;position:relative;cursor:pointer}.visualize:hover{background-color:#45a049}.visualize:disabled{background-color:silver;cursor:not-allowed}#content{display:flex;justify-content:space-around}#video_home{position:absolute;width:100%;height:100vh;overflow:hidden;transition:opacity .5s ease-in-out}#video_home video{width:100%;height:100%;object-fit:cover}.cold .navbar1>a{color:#000;font-size:large;text-decoration:none}.cold .navbar2>a{color:#000}.cold button>span{background-color:#000;font-size:large;text-decoration:none}.cold #outline{border:2px solid black;color:#000}.cold .weather-details p,.cold #city_name{color:#000}.cold.visualize{background-color:#87ceeb}.cold #header{color:#000}.hot .navbar1>a{color:#fff;font-size:large;text-decoration:none}.hot button>span{background-color:#fff;font-size:large;text-decoration:none}.hot .navbar2>a{color:#fff}.hot #outline{border:2px solid #2596be;color:#000}.hot #header,.hot .weather-details p,.hot #city_name{color:#fff}.hot.visualize{background-color:#2596be}.rainy .navbar>a{color:#fcb63d;font-size:large;text-decoration:none}.rainy .navbar2>a{color:#fcb63d}.rainy button>span{background-color:#fcb63d;font-size:large;text-decoration:none}.rainy #outline{border:2px solid black;color:#000}.rainy #header{color:#fcb63d}.rainy .weather-details p,#city_name{color:#fcb63d;font-weight:500}.rainy.visualize{background-color:#fcb63d}@media (max-width: 930px){.pop{display:flex;justify-content:center;margin:70px 0 0}#visualize_btn{display:flex;justify-content:center;margin:20px 0}.visualize{width:auto;margin-top:20px}.visualize .cold{background-color:#87ceeb}.weather-info{width:80%}.weather-details{margin-right:2px}}@media (max-width: 425px){#outline{width:100%}}#container_about{height:auto;overflow:hidden;width:100%}#video_about>video{object-fit:cover;z-index:-1;width:100%;position:fixed;height:100%}#about_content{position:relative;height:100vh;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}#container_about{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}#video_about video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}#about{position:relative;z-index:1;max-width:1000px;font-family:Open Sans,sans-serif;font-weight:lighter;padding:20px;font-size:large;background:#00000080;border-radius:10px;margin:20px}*{margin:0;padding:0}#visualize-container{display:flex;justify-content:center}#graph-container>img{display:block}#graph-container{margin-top:100px;display:flex;width:100%;justify-content:center;max-width:100%;padding:20px;box-sizing:border-box}#graph-container>img{width:60%;height:auto;display:block;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:2px 2px 10px #0003}@media (max-width: 570px){#graph-container>img{width:100%}}#navbar{display:flex;justify-content:center}.navbar1{margin-top:20px}.navbar2{margin-top:25px}#navbar ul{display:flex;justify-content:space-evenly}.navbar1,.navbar2{list-style-type:none}.navbar2>a{color:#fff;font-size:40px;margin-top:10px;text-decoration:none;pointer-events:none}.Navbar>a:hover{cursor:pointer}.material-symbols-light--home-outline{display:inline-block;width:50px;height:50px;--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6 19h3.692v-5.884h4.616V19H18v-9l-6-4.538L6 10zm-1 1V9.5l7-5.288L19 9.5V20h-5.692v-5.884h-2.616V20zm7-7.77'/%3E%3C/svg%3E");background-color:#fff;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;pointer-events:auto}.material-symbols-outlined{font-size:40px;pointer-events:none}