@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;700&family=MuseoModerno:wght@100;200&family=Quicksand&display=swap";header{width:100%;display:flex;flex-direction:column;box-shadow:0 0 20px #000000b3}header h1{margin:auto;width:90%;padding:1rem;text-align:center;border-bottom:1px solid var(--offWhite);font-size:1.5rem}header div{display:flex;flex-direction:column;justify-content:center}nav{display:flex;flex-direction:column;align-items:center;padding:0 2rem}nav h2{padding-top:1rem;padding-bottom:.5rem;font-size:1.125rem}nav ul{display:flex;padding-bottom:1rem}.current-list{padding-bottom:0rem}nav ul li{padding:.5rem .75rem;border-top:1px solid var(--offWhite)}nav ul li a{color:var(--offWhite);font-weight:400;font-size:1rem}nav ul li:hover{cursor:pointer;border-top:none;border-bottom:1px solid var(--yellow)}nav ul li:hover>a{color:var(--yellow)}nav ul li:hover>nav h2{color:var(--yellow)}main{display:flex;align-items:center;flex-direction:column;margin-top:1.75rem;min-height:calc(100vh - 14.5em)}footer{margin-top:1.5rem;width:100%;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 20px #000000b3}footer p{margin:0;padding:.5rem 0;font-size:.75rem}@media screen and (min-width: 768px){header div{display:flex;flex-direction:row}}.form-container{width:50vw;display:flex;margin-bottom:1rem}.geo-form,.geo-form div{width:100%;display:flex;flex-direction:column}.geo-input{outline:none;margin-bottom:.75rem;width:100%;padding:.25rem .5rem;background-color:transparent;border:2px solid var(--offWhite);border-radius:.25rem;font-size:1rem;font-family:Comfortaa,cursive}.geo-input:focus{outline:none;color:var(--yellow);border:2px solid var(--yellow)}.geo-input:active{color:var(--yellow)}.geo-button{padding:.25rem .5rem;margin-top:.5rem;margin-bottom:1rem;color:var(--offWhite);background-color:transparent;border:2px solid var(--offWhite);border-radius:.25rem;font-size:1rem;font-family:inherit}.geo-button:hover{color:var(--yellow);border:2px solid var(--yellow)}.geo-button:active{background-color:var(--yellow);color:var(--darkGrey);border:2px solid var(--darkGrey)}@media screen and (min-width: 768px){.geo-form{flex-direction:row;align-items:end}.geo-form div{margin:0;margin-right:1rem;width:100%;align-items:end}.geo-button{margin:0;margin-bottom:.75rem}}.forecast{height:10%}.current{height:100%}.card-current{margin:1.5rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:90vw;border-radius:.5rem;box-shadow:0 0 20px #000000b3}.data-current{width:90%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:1.5 .5rem;margin-top:1rem}.data-current p{line-height:1.5rem;font-size:.75rem}.data-current p span{font-weight:700}.image-current{width:40%}@media screen and (min-width: 768px){.card-current{width:50vw}.data-current{flex-direction:row}.data-current p{font-size:1rem}}.card-geoDenied{margin:1.5rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:50vw;border-radius:.5rem;box-shadow:0 0 20px #000000b3}.data-geoDenied{width:90%;display:flex;flex-direction:column;align-items:center;padding:1.5 .5rem;margin:1rem}.description-geoDenied{font-weight:700;padding-bottom:.5rem}.description-line{width:70%}.description-details{padding-top:.5rem;text-align:center;line-height:1.25rem}.image-geoDenied{width:30%}.card-loading{margin:1.5rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:50vw;border-radius:.5rem;box-shadow:0 0 20px #000000b3}.data-loading{width:90%;display:flex;justify-content:center;padding:1.5 .5rem;margin:1rem}.description-loading{font-weight:700}.image-loading{width:40%}.card-forecast{margin:1.5rem;display:flex;justify-content:space-between;align-items:center;width:90vw;border-radius:.5rem;box-shadow:0 0 20px #000000b3}.data-forecast{display:flex;align-items:center;padding:1.5 .5rem;margin:1rem 0rem 1rem 1vw}.data-forecast ul{margin-left:2vw}.description-forecast li{font-size:.75rem}.details-forecast li{font-weight:700}.data-forecast ul li{line-height:1.5rem;font-size:.75rem}.image-forecast{width:10vh;margin-right:2vw}@media screen and (min-width: 768px){.card-forecast{width:50vw}.data-forecast{margin:1rem 0rem 1rem 1.5vw}.data-forecast ul{margin-left:1.5vw}.description-forecast li{font-size:1rem}.image-forecast{margin-right:2.5vw}}.city-form{display:flex;flex-direction:column;align-items:center;width:80vw;margin-bottom:1rem}label{align-self:start;line-height:1.5rem}.city-select{outline:none;height:1.75rem;font-size:1rem;margin-bottom:.75rem;width:100%;padding:.75rem .5rem;background-color:transparent;border:2px solid var(--offWhite);border-radius:.25rem;cursor:pointer}.city-select option{background-color:var(--darkGrey);color:var(--yellow);font-size:1rem;font-family:Comfortaa,cursive;font-weight:700}.city-select:focus{border:2px solid var(--yellow)}@media screen and (min-width: 768px){.city-form,.city-select{width:50vh}}html,body{height:100%;color:var(--offWhite);background-color:var(--darkGrey)}body{display:flex;flex-direction:column;overflow-y:scroll}a{text-decoration:none}ul{list-style:none}.headline{font-size:1.25rem;padding-bottom:1rem}.location{font-size:1rem}:root{--white: #fff;--offWhite: #f7f7f7;--yellow: #ffd200;--lightGrey: #e0e0e0;--lightGreyAlpha: rgba(229, 229, 229, .4);--darkGrey: #2f3640;--white: #ffffff;--borderYellow: 3px solid var(--yellow);--borderLightGrey: 3px solid var(--lightgrey);--borderDarkGrey: 1px solid var(--darkgrey);font-family:Comfortaa,cursive;font-weight:300;color-scheme:light dark;color:var(--offWhite);background-color:var(--darkGrey);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}