body{margin:0;padding:0;background:url(https://c4.wallpaperflare.com/wallpaper/439/352/867/nature-ocean-sea-sky-wallpaper-preview.jpg);background-size:cover;background-repeat:no-repeat}._app_k287h_8{width:100%;height:100vh;display:flex;flex-wrap:wrap}._dayBox_k287h_15{display:flex;width:90%;justify-content:space-evenly;height:28rem;margin:auto;padding:1rem}._day_k287h_15{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;width:40%;height:100%;border-radius:10px;box-shadow:0 0 10px #00000080;transition:.5s;margin:.1rem}._day_k287h_15:hover{transition:.5s;border-radius:.5rem;background-color:#ffffff1a}._top_k287h_44{padding:1rem;display:flex;justify-content:space-between;align-items:center;height:20%}._searchBox_k287h_53{height:65%;width:65%;display:flex;align-items:center}._search_k287h_53{background-color:transparent;box-shadow:#00000080 0 2.5px;border:none;font-weight:700;font-size:medium;height:100%;width:70%}._search_k287h_53:focus{box-shadow:#00000080 0 2.5px;border:none;outline:none;transition:.5s;font-size:large;font-weight:600}._search_k287h_53::placeholder{color:#000}._btn_k287h_85{background-color:transparent;border:none;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px;cursor:pointer;height:100%;width:30%;transition:.5s;margin:1rem}._center_k287h_100{display:flex;justify-content:space-evenly;width:80%;margin:auto}._icon_k287h_108{width:10rem;position:relative;left:2rem;display:flex;padding:2rem}._temp_k287h_117{position:relative;right:2.5rem}._bottomBtn_k287h_123{display:flex;flex-direction:row-reverse;margin-right:1rem;height:8%}._bottomBtn_k287h_123 button{background-color:transparent;border:none;box-shadow:#88a5bf7a 6px 2px 16px,#fffc -6px -2px 16px;font-size:large;padding:.5rem;border-radius:5px;height:100%;width:12%}._detailBox_k287h_144{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;align-content:center;margin:auto;width:95%;border-top:1px solid black}._detailBox_k287h_144 div{margin:auto;width:90%;height:20%;display:flex;justify-content:center;align-items:center}._mapBox_k287h_167{background-color:#ffffff1a;padding:10px;border-radius:10px;width:40%;height:100%;box-shadow:0 0 10px #00000080;transition:.5s;display:flex;align-items:center}._fiveDayBox_k287h_179{display:flex;justify-content:space-around;margin:auto;width:80%;margin-top:2rem}._fiveDays_k287h_188{width:15%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;border-radius:1rem;box-shadow:0 0 10px #00000080;margin:0;padding:0}._fiveDayBox_k287h_179 div:hover{background-color:#ffffff1a;cursor:pointer}@media screen and (max-width: 1670px){._app_k287h_8{width:100%;height:100%;background-size:cover;background-repeat:no-repeat}}@media all and (max-width: 1024px){body{width:100%;height:100%;background:url(https://img.freepik.com/free-photo/wind-spring-white-stratosphere-pure_1127-2384.jpg?w=360&t=st=1705232104~exp=1705232704~hmac=863ab466f410a957dd6b553685b0350ddee8621a9ac3f83b04886319ddd4abce);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}._dayBox_k287h_15{display:flex;flex-direction:column;height:auto;gap:1rem}._day_k287h_15{width:100%}._detailBox_k287h_144{grid-template-columns:repeat(1,1fr);justify-content:start;gap:-1rem}._detailBox_k287h_144 div{display:flex;justify-content:start}._mapBox_k287h_167{width:100%;height:380px}._icon_k287h_108{left:.5rem}._temp_k287h_117{right:1.5rem}._fiveDayBox_k287h_179{flex-direction:column;justify-content:space-between;height:100%;gap:.5rem}._fiveDays_k287h_188{width:70%;margin:auto}}