@import "https://fonts.googleapis.com/css2?family=Fredoka:wdth,wght@75..125,300..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Chewy&family=DynaPuff:wght@400..700&family=Fredoka:wdth,wght@75..125,300..700&display=swap";body{background:linear-gradient(#4dcfd8,#c3fff7,#c3fff7);place-items:center;min-width:100vw;min-height:100vh;margin:0;display:grid;position:relative}.container{flex-direction:column;width:min(85%,800px);display:flex;position:absolute;bottom:50%}.parallax{z-index:-1;min-width:100vw;min-height:120vh;position:relative;overflow:hidden}#grass1,#grass2,#ornament,#cloud{pointer-events:none;width:100vw;height:100vh;position:absolute}#grass1{z-index:-1;max-height:50%;top:40%;right:22%;scale:.9}#ornament{z-index:-3;scale:.8}#grass2{z-index:-2;max-height:40%;top:50%;left:25%;scale:.9}#cloud{z-index:-4;max-height:50%;animation:10s ease-in-out infinite alternate moveCloud;bottom:30%;left:2%;scale:1.15 1.2}#bottombar{z-index:0;width:100vw;height:100vh;max-height:60%;position:absolute;top:55%;scale:1.15}#clock{text-align:center;color:#d5a16c;margin-bottom:-5%;font-family:Chewy;font-size:clamp(6rem,10vw,20rem);top:50%}#calender{text-align:center;color:#b39977;font-variation-settings:"wdth" 80;margin:20px;font-family:Chewy;font-size:clamp(1rem,5vw,3rem);font-weight:500}#search-form{align-items:center;width:100%;display:flex}#search-btn:before{font-variation-settings:"wdth" 75;content:"SEARCH 🔍︎";font-family:fredoka;font-size:1.5rem;font-weight:550}#search-btn:hover{scale:1.05}#search-btn{color:#8e5117;outline-offset:-2px;cursor:pointer;background-color:#e9904b;border-radius:10px;outline:5px solid #ca8139;flex-shrink:0;width:min(85%,120px);height:45px;margin-left:20px;padding-top:3px;transition:all .3s}#search-input{color:#d5a16c;outline-offset:-2px;background-color:#f7e7cb;border-radius:10px;outline:5px solid;flex-shrink:1;width:min(85%,700px);height:40px;padding:5px 10px;font-family:fredoka;font-size:1.5rem;transition:all .3s}#search-input:focus{border-color:#f7e7cb;scale:1.03}.weather-container{z-index:10;width:90vw;height:40vh;position:absolute;top:80vh}.current-weather{color:#7fffd4;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;align-items:center;gap:0 15px;font-family:Chewy;font-size:clamp(1rem,2.5vw,2.5rem);font-weight:550;display:grid;position:absolute;bottom:55%;left:83%}.current-weather p{margin:0}#weather-icon{grid-area:1/1/3;font-size:180%}#temperature{grid-area:1/2;font-size:65%}#condition{grid-area:2/2;font-size:140%}#humidity{grid-area:3/1;font-size:70%}#rain{grid-area:3/2;font-size:70%}#weather-forecast{color:#fffacd;font-variation-settings:"wdth" 90;justify-content:space-between;gap:10px;margin-top:20vh;font-family:fredoka;font-size:clamp(1rem,2vw,3rem);font-weight:450;display:flex}.forecast-day{text-align:center;background:#ffffff40;border-radius:10px;flex:1;padding:2px}.forecast-day p{margin:2px}#location-settings{color:#f4a460;z-index:100;background:#f7e7cb;border-radius:15px;flex-direction:column;gap:10px;width:min(80vw,350px);padding:25px;font-family:Fredoka;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#location-settings input{box-sizing:border-box;color:#8b4513;border:none;border-radius:8px;width:100%;height:40px;padding:5px 10px;font-size:1rem;font-weight:550}#location-settings button{color:#8b4513;cursor:pointer;background-color:tan;border:none;border-radius:8px;height:40px;font-family:fredoka;font-size:1.5rem;font-weight:550}@keyframes moveCloud{0%{transform:translate(40px)}to{transform:translate(-40px)}}@media (width<=768px) and (orientation:portrait){.weather-container{width:100vw}.current-weather{font-size:clamp(1rem,3.5vw,3.5rem);top:20%;left:73vw}#weather-forecast{gap:10px;width:100vw;font-size:clamp(1rem,2.5vw,3rem);display:flex;overflow-x:auto}.forecast-day{flex:0 0 100px;margin-top:3vh;padding:5px}.container{top:2%;bottom:auto;left:8%}#bottombar{max-height:36%;position:absolute;top:66%}#ornament{max-height:60%;top:20%}#grass1{max-height:42%;top:45%}}