*{font-family:Inter,sans-serif;-webkit-user-select:none;user-select:none}body{box-sizing:border-box;margin:35px 0;padding:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#08244f,#134cb5 35%,#0b42ab)}input{border-radius:10px;background:#0000;outline:1px solid #fff;max-width:305px;width:100%;border:0px;padding:10px 20px}.citation blockquote{text-align:center;margin:0;font-size:20px;font-weight:300;font-style:italic}.header_top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.header_top .header_top-city{color:#fff;gap:20px}.header_top .header_top-city,.header_top .header_top-notification{display:flex;align-items:center;justify-content:center}input{border-radius:10px;background:transparent;outline:1px solid #fff;max-width:305px;width:100%;border:0px;padding:10px 20px}input,input::placeholder{font-size:16px;color:#fff;font-weight:700}.autocomplete{width:345px;position:absolute;overflow:hidden;border-radius:0 0 10px 10px;background:#fff}.autocomplete .city{padding:10px 20px;background:#fff}.autocomplete .active{color:#fff;background:#08244f}.main_container{color:#fff;margin-bottom:20px;display:flex;align-items:center;justify-content:center;flex-direction:column}.main_container h1{color:#fff;font-size:79px}.main_container h1,.main_container p{margin:0}.main_container p{font-size:18px}.main_container .min_max-degrees{display:flex;align-items:center;justify-content:center;gap:20px}.main_container .min_max-degrees .min_max-degrees p{margin:0}.rain_info{padding:10px 20px;background-color:#00000021;border-radius:20px;display:flex;align-items:center;justify-content:space-between;font-weight:bolder;color:#fff;gap:10px}.rain_info-container{justify-content:normal;align-items:center;display:flex;width:33.33%}.today_card{gap:15px;width:25%;flex-direction:column;display:flex;align-items:center;justify-content:center}.today_card:nth-child(1){transform:translate(-10px)}.today_card:nth-child(2){transform:translate(-5px)}.today_card:nth-child(4){transform:translate(10px)}.today{margin-top:20px;border-radius:20px;padding:20px;background:#00000021;color:#fff;overflow:hidden}.today .today_title{display:flex;align-items:center;justify-content:space-between}.today .today_container{display:flex;align-items:center;justify-content:start}.nextday{color:#fff;border-radius:20px;background-color:#00000021;margin:20px 0;padding:20px 20px 0}.nextday .nextday_title{display:flex;align-items:center;justify-content:space-between}.nextday .nextday_container{padding-bottom:20px;display:flex;align-items:center;justify-content:space-between}.sunTime{color:#fff;gap:10px;border-radius:10px;background:#00000021;padding:20px}.sunTime .sunTime_container,.sunTime .sunTime_title{gap:10px;display:flex;align-items:center;justify-content:space-between}.sunTime .sunTime_container .sunrise,.sunTime .sunTime_container .sunset,.sunTime .sunTime_title .sunrise,.sunTime .sunTime_title .sunset{flex-direction:column;display:flex;align-items:center;justify-content:center;gap:10px}.sunTime .sunTime_container .separation,.sunTime .sunTime_title .separation{position:absolute;height:60px;width:1.5px;background:#fff;left:50%}.citation{display:flex;margin:20px 0;border-radius:20px;background-color:#00000021;padding:20px;color:#fff;flex-direction:column;justify-content:center}.citation .citation_title{display:flex;align-items:center;justify-content:space-between}.citation .citation_title .citation_title i{font-size:25px}.citation blockquote{flex-direction:column;display:flex;gap:10px;text-align:center;margin:0;font-size:20px;font-weight:300;font-style:italic}.citation blockquote .citation_text blockquote footer{margin:10px 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .5s ease-out forwards}.loader_title:after{content:"";animation:1.1s linear dote_loader infinite}@keyframes dote_loader{0%{content:"."}50%{content:".."}to{content:"..."}}.global_container{max-width:345px;width:100%}