body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary:#0056b3;--color-secondary:#007bff;--color-tertiary:#47afd1c9;--color-accent:aqua;--color-background:#f0f8ff;--color-text:#fff;--color-border:var(--color-accent);--font-size-large:2.75rem;--font-size-medium:1.35rem;--font-size-small:1rem;--padding-small:0.5rem;--padding-medium:1rem;--padding-large:1.5rem;--margin-small:0.5rem;--margin-medium:1rem;--margin-large:1.5rem;--border-radius:8px}.large-icon{height:10rem;width:10rem}.large-icon,.small-icon{transition:width .2s,height .2s}.small-icon{height:6.25rem;width:6.25rem}@media (max-width:900px){.large-icon{height:7rem;width:7rem}.small-icon{height:4rem;width:4rem}}@media (max-width:600px){.large-icon{height:5rem;width:5rem}.small-icon{height:3rem;width:3rem}}@media (max-width:400px){.large-icon{height:4rem;width:rem}.small-icon{height:2.5rem;width:2.5rem}}body{display:flex;flex-direction:column;font-size:1rem;height:100vh;margin:0;width:100vw}footer,header{align-items:center;background-color:#0056b3;background-color:var(--color-primary);color:#fff;color:var(--color-text);display:flex;flex-shrink:0;justify-content:center;position:relative;text-align:center;width:100%}header{border-bottom:5px ridge aqua;border-bottom:5px ridge var(--color-accent);top:0}footer{border-top:5px ridge aqua;border-top:5px ridge var(--color-accent);bottom:0;position:relative;width:100%}.app-container{flex-direction:column}.app,.app-container{display:flex;flex:1 1;overflow:hidden}.app{align-items:center;background-color:#f0f8ff;background-color:var(--color-background);background-image:url(/static/media/blue-ribbon.de358ecad0fd8e43a3b8.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;position:relative;text-align:center;width:100%;z-index:0}.app:before{background:#0000001a;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.day-forecast{grid-gap:.5rem;grid-gap:var(--padding-small);display:grid;font-size:1.35rem;font-size:var(--font-size-medium);gap:.5rem;gap:var(--padding-small);grid-template-columns:repeat(2,1fr);padding:.5rem;padding:var(--padding-small);text-align:center;width:100%}.dateHeader,.locationHeader{background-color:#003a8b;border:1px solid aqua;border:1px solid var(--color-border);box-shadow:0 0 2px 1px aqua;color:#fff;color:var(--color-text);font-size:1.5rem;padding:1rem;padding:var(--padding-medium);text-shadow:#016ccf 1px 1px 1px}.dateHeader,.home-screen,.locationHeader{align-items:center;border-radius:8px;border-radius:var(--border-radius);display:flex;justify-content:center}.home-screen{flex-direction:column;margin:1.5rem;margin:var(--margin-large);text-align:center}.home-screen img{background-color:#00fbff9c;border:2px solid aqua;border:2px solid var(--color-accent);border-radius:8px;border-radius:var(--border-radius);margin-bottom:1rem;margin-bottom:var(--margin-medium);padding:1rem;padding:var(--padding-medium)}#submit{border:2px solid #0056b3;border:2px solid var(--color-primary);transition:background-color .3s,transform .2s}#submit,.backButton,.search-form button{background-color:#007bff;background-color:var(--color-secondary);border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--color-text);cursor:pointer;padding:.5rem 1.5rem;padding:var(--padding-small) var(--padding-large);width:auto}#submit,.backButton,.search-form button{border:2px solid aqua;border:2px solid var(--color-accent);box-shadow:0 2px 8px 2px #00000040;font-family:Arial,sans-serif;font-size:1rem;margin:1rem;margin:var(--margin-medium);outline:none;transition:background-color .3s,transform .2s,border-color .3s,box-shadow .3s}#submit:hover,.backButton:hover,.search-form button:hover{background-color:#0056b3;background-color:var(--color-primary);border-color:aqua;box-shadow:0 0 8px 2px aqua;transform:scale(1.05)}#submit:active,.backButton:active,.search-form button:active{background-color:#003f7f;border-color:aqua;box-shadow:0 0 8px 2px #003f7f}#submit:focus,#submit:hover,#title,.search-form button:focus,.search-form button:hover,img{border-color:aqua;box-shadow:0 0 8px 2px aqua;outline:none}#title{background-color:#003a8b;border:2px solid aqua;border:2px solid var(--color-accent);border-radius:8px;border-radius:var(--border-radius);cursor:pointer;font-size:2.75rem;font-size:var(--font-size-large);padding:1.5rem;padding:var(--padding-large);transition:border-color .3s,box-shadow .3s,transform .2s,filter .2s}#title:focus,#title:hover{border-color:aqua;box-shadow:0 0 8px 2px aqua;filter:brightness(1.1);outline:none;transform:scale(1.05)}#title:active{border-color:aqua;box-shadow:0 0 8px 2px #003f7f;filter:brightness(.95);transform:scale(.97)}.details{flex-direction:column;flex-wrap:wrap;justify-content:flex-start;margin:.75rem;padding:1rem 0}.dateHeader,.details{align-items:center;color:#fff;color:var(--color-text);display:flex;text-align:center}.dateHeader{background-color:#003a8b;border:1px solid aqua;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);box-sizing:border-box;font-size:1.25rem!important;justify-content:center;margin:.5rem auto;margin:var(--margin-small) auto;max-width:95vw;min-width:180px;padding:1rem;padding:var(--padding-medium);text-shadow:#0067c7 1px 1px 1px;width:fit-content}.popup-content{align-items:center;display:flex;flex-wrap:wrap;font-size:1.35rem;font-size:var(--font-size-medium);justify-content:center;padding:.5rem;padding:var(--padding-small);text-align:center}.selected-day-forecast{width:100%}.backButton{background-color:#007bff;background-color:var(--color-secondary);border:none;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 0 2px 1px aqua;color:#fff;color:var(--color-text);cursor:pointer;margin:1rem;margin:var(--margin-medium);margin-bottom:.5rem!important;margin-bottom:var(--margin-small)!important;padding:.5rem;padding:var(--padding-small);transition:background-color .3s,transform .2s}.backButton:hover{background-color:#0056b3;background-color:var(--color-primary);transform:scale(1.05)}.backButton:active{background-color:#003f7f;transform:scale(.95)}.icon-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:1.5rem;padding:var(--padding-large);text-align:center}hr{border:1.5px solid aqua;border:1.5px solid var(--color-border);width:100%}.locationTimeContainer{align-items:center;background-color:#0056b3;background-color:var(--color-primary);border-bottom:2px solid aqua;border-bottom:2px solid var(--color-border);display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;margin:0;width:100vw}.locationTime{background-color:#0000;border-radius:8px;border-radius:var(--border-radius);flex-wrap:nowrap;font-size:1.15rem;padding:0!important;white-space:nowrap}.fiveDay,.locationTime{align-items:center;color:#fff;color:var(--color-text);display:flex;justify-content:center;margin:1rem;margin:var(--margin-medium);text-align:center;text-shadow:#016ccf 1px 1px 1px}.fiveDay{background-color:#0056b3;background-color:var(--color-primary);border:2px solid aqua;border:2px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);flex-wrap:wrap;font-size:1.6rem;font-size:calc(var(--font-size-medium) + .25rem);margin-bottom:0!important;padding:1.5rem;padding:var(--padding-large)}.location-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;text-align:center}.high-low{font-size:1.1rem}.popup-content{background-color:#ffc414;border:2px solid red;color:#000}.statusMessage{color:#fff;color:var(--color-text);font-size:2.75rem;font-size:var(--font-size-large)}.search-form{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem;max-width:500px;width:100%}.search-form input{border:1px solid #ccc;border-radius:8px;border-radius:var(--border-radius);max-width:320px;padding:.5rem;padding:var(--padding-small);text-align:center;width:80%}input{background-color:#fff}#picture{align-items:center;display:flex;height:auto;justify-content:center;margin-bottom:5rem;text-align:center;width:100%}.search-form button{background-color:#007bff;background-color:var(--color-secondary);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--color-text);cursor:pointer;margin:1rem;margin:var(--margin-medium);max-width:320px;padding:.5rem;padding:var(--padding-small);transition:background-color .3s,transform .2s;width:50%}.search-form button,.search-form input{background-color:rgba(0 0 0 1);color:#fff;color:var(--color-text);margin:5px 0;width:100%}.search-form button:hover{background-color:#0056b3;background-color:var(--color-primary);transform:scale(1.05)}.search-form button:active{background-color:#003f7f;transform:scale(.95)}.time{color:#fff;color:var(--color-text);font-size:1.15rem}.weather{align-items:center;display:flex;flex-wrap:wrap;font-size:1.35rem;font-size:var(--font-size-medium);justify-content:center;padding:1rem;padding:var(--padding-medium);text-align:center}.current-weather{border:2px solid aqua;border:2px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;color:#fff;color:var(--color-text);display:flex;margin:0 1.5rem;margin:0 var(--margin-large);overflow-y:visible;width:100vw}.current-weather .forecast-part{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);padding:1rem}.part{flex-direction:column;justify-content:center;margin:.5rem;margin:var(--margin-small);text-align:center}.forecast-day,.part{align-items:center;display:flex}.forecast-day{background-color:#0056b3;background-color:var(--color-primary);border:2px solid aqua;border:2px solid var(--color-border);border-radius:8px;color:#fff;color:var(--color-text);flex-direction:row;justify-content:space-between;padding:.5rem}.weather-detail{display:grid;font-size:1rem;grid-template-columns:repeat(8,1fr);margin:.5rem;margin:var(--margin-small);padding:.5rem;padding:var(--padding-small)}@media (max-width:1200px){.forecast-part,.weather-detail{grid-template-columns:repeat(4,1fr)}}@media (max-width:1500px){.current-weather,.details,.forecast-day,.locationTimeContainer{font-size:.9rem;font-size:calc(var(--font-size-small)*.9)}.search-form button,.search-form input{margin:5px 0;width:100%}.locationHeader{font-size:1.215rem;font-size:calc(var(--font-size-medium)*.9)}.day-forecast,.home-screen,.part{font-size:.9rem;font-size:calc(var(--font-size-small)*.9)}}@media (max-width:1024px){.current-weather,.details,.forecast-day{font-size:.85rem;font-size:calc(var(--font-size-small)*.85)}.forecast-day,.weather-detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(auto,1fr))}.dateHeader,.locationTime{font-size:1.1rem;font-size:calc(var(--font-size-small)*1.1);padding:.5rem;padding:var(--padding-small)}.search-form button,.search-form input{margin:5px 0;width:100%}.locationHeader{font-size:1.1475rem;font-size:calc(var(--font-size-medium)*.85)}.day-forecast,.home-screen,.part{font-size:.85rem;font-size:calc(var(--font-size-small)*.85)}}@media (max-width:800px){.details{margin:1rem;margin:var(--margin-medium)}.current-weather,footer,header{font-size:.8rem;font-size:calc(var(--font-size-small)*.8)}.dateHeader,.locationTime{font-size:1rem;font-size:calc(var(--font-size-small)*1);padding:.5rem;padding:var(--padding-small)}.search-form button,.search-form input{margin:5px 0;width:100%}.home-screen,.locationHeader{font-size:1.08rem;font-size:calc(var(--font-size-medium)*.8)}.high-low{font-size:1rem}}@media (max-width:600px){.weather-detail{display:grid}.forecast-parts,.weather-detail{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.forecast,.forecast-day,.forecast-part{padding:.375rem;padding:calc(var(--padding-small)*.75)}.forecast,.forecast-day,.forecast-part,footer,header{font-size:.75rem;font-size:calc(var(--font-size-small)*.75)}footer,header{min-width:100vw}.search-form button,.search-form input{margin:5px 0;padding:.375rem;padding:calc(var(--padding-small)*.75);width:100%}.forecast-day p{margin:.25rem}.large-icon{height:7.5rem;width:7.5rem}.day-forecast,.home-screen{font-size:.6rem}.part{font-size:.85rem}.high-low{font-size:.9rem}.locationHeader{font-size:1rem}.forecast-day{margin:0}.forecast-part{display:grid;grid-template-columns:repeat(2,1fr)}}@media (max-width:375px){.dateHeader,.details,.fiveDay,.forecast,.forecast-day,.search-form button,.search-form input,footer,header{font-size:.7rem;font-size:calc(var(--font-size-small)*.7);padding:.5rem;padding:var(--padding-small)}#title{font-size:2rem}.locationTime{font-size:.9rem;font-size:calc(var(--font-size-small)*.9)}#title{font-size:.945rem;font-size:calc(var(--font-size-medium)*.7)}.search-form{padding:1.5rem;padding:var(--padding-large)}.search-form button,.search-form input{padding:5px}.statusMessage{font-size:2rem}.forecast-day{margin:.5rem;margin:var(--margin-small)}}.forecast-parts{background:#0056b30a;border-radius:8px;border-radius:var(--border-radius);margin-bottom:1rem}.forecast-part{background:#ffffff14;border-radius:6px;box-shadow:0 0 2px 1px #003a8b}.search-form{position:relative}.headerContainer{align-items:center;background-color:#0056b3;background-color:var(--color-primary);border:2px solid aqua;border:2px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 0 2px 1px #0003;display:flex;flex-direction:column;justify-content:center;margin:.5rem;margin:var(--margin-small);max-width:100%;min-width:25%;opacity:.9!important;padding:.5rem;padding:var(--padding-small);width:auto}.fiveDay,.locationTimeContainer{opacity:.9}.dateHeader,.details,.fiveDay,.forecast-day,.popup-content,.search-form,.statusMessage,footer,header{box-sizing:border-box}.search-form button,.search-form input{transition:background-color .3s,transform .2s}.date-icon-container{flex-direction:column;text-align:center}.date-icon,.date-icon-container{align-items:center;display:flex;justify-content:center}.date-icon{background-color:#47afd1c9;background-color:var(--color-tertiary);border:2px solid aqua;border:2px solid var(--color-border);border-radius:50%;height:150px;margin:.5rem;margin:var(--margin-small);width:150px}.background-media{position:relative}.background-video{height:100%;left:0;object-fit:cover;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.background-media>:not(.background-video),.forecast-day-content{position:relative;z-index:1}.forecast-day-content{align-items:center;display:flex;flex-direction:column;width:100vw}.forecast-part{display:grid;grid-template-columns:repeat(6,1fr)}@media (max-width:1200px){.forecast-parts{grid-template-columns:repeat(4,1fr)}}@media (max-width:600px){.forecast-parts{grid-template-columns:repeat(3,1fr)}}.initial-render-image img{border:2px solid aqua;border:2px solid var(--color-accent);box-shadow:none;cursor:pointer;transition:border-color .3s,box-shadow .3s,transform .2s,filter .2s}.initial-render-image img:focus,.initial-render-image img:hover{border-color:aqua;box-shadow:0 0 8px 2px aqua;filter:brightness(1.1);outline:none;transform:scale(1.05)}.initial-render-image img:active{border-color:#003f7f;box-shadow:0 0 8px 2px #003f7f;filter:brightness(.95);transform:scale(.97)}*{text-shadow:2px 2px 4px #000000bf}input{border:2px solid #ccc;color:#000;text-shadow:none}.date-icon,.large-icon,.small-icon{background-color:#0bf;border:2px solid #0056b3!important;border:2px solid var(--color-primary)!important;border-radius:50%!important;opacity:.9}ul{color:#000!important;text-shadow:none}.search-form input,ul{background-color:#fff!important;border:2px solid #ccc}.search-form input{color:#000;text-shadow:none!important}.current-weather .forecast-part{grid-gap:var(--padding-small);align-items:center;display:grid!important;font-size:1rem;gap:var(--padding-small);grid-template-columns:repeat(6,minmax(120px,1fr));justify-items:center;padding:var(--padding-medium)}@media (max-width:1200px){.forecast-part{grid-template-columns:repeat(5,minmax(120px,1fr))!important}}@media (max-width:900px){.forecast-part{grid-template-columns:repeat(4,minmax(120px,1fr))!important}}@media (max-width:600px){.forecast-part{grid-template-columns:repeat(3,minmax(120px,1fr))!important}}@media (max-width:368px){.forecast-part{grid-template-columns:repeat(2,minmax(120px,1fr))!important}}.forecast{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;overflow-y:auto;text-align:center}.forecast-day{background:#0000000d;border-radius:var(--border-radius);padding:var(--padding-small)}.forecast-parts{grid-gap:var(--padding-small);background:none;border:none;box-sizing:border-box;display:grid!important;gap:var(--padding-small);grid-template-columns:repeat(6,1fr);margin:0 auto;overflow-x:hidden;padding:var(--padding-small);width:100%}@media (max-width:1200px){.forecast-parts{grid-template-columns:repeat(4,1fr)!important}}@media (max-width:800px){.forecast-parts{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:600px){.forecast-parts{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:400px){.forecast-parts{grid-template-columns:1fr!important}}.forecast-part{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}
/*# sourceMappingURL=main.aa8554e3.css.map*/