@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body{background-attachment:fixed;background-image:url(/static/media/background.9f3b6d92cc24be2f0ea0.jpg);background-position:cover;background-repeat:repeat-y;background-size:cover;font-family:Poppins,serif;font-weight:300;height:100%;margin:0}.App{background-color:hsla(0,3%,94%,.774);border-radius:20px;box-shadow:0 5px 5px rgba(107,60,182,.493);margin:100px auto;max-width:700px;min-height:500px;padding:20px 15px}.forecastContainer{align-items:center;flex-direction:column;margin:5px 0;padding:10px}.FFContainer,.thisDayData{flex-grow:1;text-align:center}.currentDate{font-size:20px;font-style:italic;font-weight:400}.temp{display:flex;font-size:64px;font-weight:700;gap:5px;justify-content:center}.temp span sup{cursor:pointer;font-size:32px}.weatherDescription{color:rgba(134,8,253,.753);font-size:20px;font-style:italic;font-weight:400}.generalInfoContainer{display:flex;gap:20px;justify-content:center}.generalInfo{align-items:center;display:flex;gap:15px}.generalInfo div{align-items:flex-start;display:flex;flex-direction:column;font-size:17px;font-weight:500}.search{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin:0 25px;max-width:100%}.search *{box-sizing:border-box}.search input{border:2px solid #ccc;border-radius:25px;flex:1 1;font-size:16px;min-width:150px;outline:none;padding:10px 15px;transition:border-color .3s ease,box-shadow .3s ease}.search button{background-color:#a569bd;border:none;border-radius:25px;color:#fff;cursor:pointer;flex-shrink:0;font-size:16px;padding:10px 20px;transition:background-color .3s ease,box-shadow .3s ease}.search input:focus{border-color:#a569bd;box-shadow:0 0 8px #a569bd80}.search input::placeholder{color:#888;font-style:italic}.search button:hover{background-color:#884ea0;box-shadow:0 4px 8px #0003}.search button:active{background-color:#76448a;box-shadow:0 2px 4px #0003;transform:scale(.98)}.search input,button{margin:5px}.fiveDaysForecast{background-color:#f4f9ff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:15px}.fiveDaysForecast div{background-color:#fff;border:1px solid #d4ddec;border-radius:8px;flex:1 1;font-weight:400;min-width:85;padding:10px;text-align:center;transition:transform .3s,box-shadow .3s}.fiveDaysForecast div p{color:#333;font-size:1.2em;margin:5px 0}.fiveDaysForecast div:hover{box-shadow:0 6px 12px #0003;transform:scale(1.05)}.loadingMessage{animation:fadeInOut 1.5s infinite;color:#6c757d;font-size:1.2em;font-style:italic}.errorMessage{color:#d9534f;font-size:1.2em;font-weight:700;margin-top:10px}footer{bottom:30px;color:#6c757d;font-size:14px;font-weight:500;left:50%;position:relative;text-align:center;transform:translateX(-50%)}footer a{color:#a569bd;font-weight:600;text-decoration:none;transition:color .3s ease}footer a:hover{color:#884ea0;text-decoration:underline}@media(max-width:580px){.FFContainer,.thisDayData{width:100%}.fiveDaysForecast{flex-direction:column;margin:0 auto;width:80%}.search{align-items:center;flex-direction:column;gap:5px;justify-content:center}.search input{width:100%}.search button{width:90%}}
/*# sourceMappingURL=main.28b0d928.css.map*/