body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.weather_main{background-color:hsla(0,0%,100%,.476);color:#000;width:400px;height:auto;padding:10px;text-align:center;margin:20px auto;border-radius:10px;-webkit-animation:fadeIn 1s ease-out;animation:fadeIn 1s ease-out}.waether_data{margin:10px 0}.weather_change{margin:0 10px}.weather_change p{font-size:1.5rem}.weather_rain{margin:30px 0}.weather_temp{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.weather_other{margin:20px 0}@media (max-width:600px){.weather_main{width:300px;height:auto;font-size:16px}.weather_change p{font-size:1rem}}.hourly-forecast-container{margin-top:20px;background-color:rgba(0,0,0,.5);border-radius:10px;padding:15px;color:#fff;width:90%;margin-left:auto;margin-right:auto;-webkit-animation:fadeIn 1.2s ease-out;animation:fadeIn 1.2s ease-out}.hourly-forecast-title{margin-bottom:10px;font-size:1.2rem;font-weight:700;text-align:left}.hourly-forecast-list{display:-webkit-flex;display:flex;overflow-x:auto;padding-bottom:10px;grid-gap:20px;gap:20px;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.5) transparent}.hourly-forecast-list::-webkit-scrollbar{height:6px}.hourly-forecast-list::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.5);border-radius:3px}.hourly-forecast-item{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;min-width:80px}.hourly-time{font-size:.9rem;margin-bottom:5px}.hourly-icon{width:40px;height:40px;margin-bottom:5px}.hourly-temp{font-weight:700;font-size:1rem}.hourly-desc{font-size:.8rem;text-transform:capitalize;color:#ddd}.normal{background:url(https://images.pexels.com/photos/600114/pexels-photo-600114.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background-position:50%;background-size:cover;-webkit-filter:brightness(70%);filter:brightness(70%);transition:all 3s ease}.cold{background:url(https://images.pexels.com/photos/1076885/pexels-photo-1076885.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);background-position:50%;background-size:cover}.cold,.sunlight{min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-filter:brightness(70%);filter:brightness(70%);transition:all 1s ease}.sunlight{background:url(https://images.pexels.com/photos/965968/pexels-photo-965968.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);background-position:50%;background-size:cover;color:#0d3d2b}.sunrise{background:url(https://images.pexels.com/photos/1001435/pexels-photo-1001435.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background-position:50%;background-size:cover;-webkit-filter:brightness(70%);filter:brightness(70%);transition:all 1s ease}.search_form{text-align:center}.search_form form input{margin-top:30px;width:300px;padding:10px;border:none;outline:none;background-color:rgba(0,0,0,.324);color:#fff;font-size:16px}.search_form form input::-webkit-input-placeholder{color:#fff}.search_form form input:-ms-input-placeholder{color:#fff}.search_form form input::placeholder{color:#fff}.search_type{margin:50px 0 20px}.search_form form h3{color:#f0b208;background-color:rgba(255,166,0,.91);display:inline;color:#585858;padding:5px}.divider{margin-top:20px;-webkit-flex-grow:1;flex-grow:1}.weather-rain{background:url(https://images.pexels.com/photos/110874/pexels-photo-110874.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);background-position:50%;background-size:cover}.weather-clouds,.weather-rain{min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-filter:brightness(60%);filter:brightness(60%);transition:all 1s ease}.weather-clouds{background:url(https://images.pexels.com/photos/414659/pexels-photo-414659.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);background-position:50%;background-size:cover}.weather-clear{background:url(https://images.pexels.com/photos/965968/pexels-photo-965968.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);background-position:50%;background-size:cover}.weather-clear,.weather-snow{min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-filter:brightness(70%);filter:brightness(70%);transition:all 1s ease}.weather-snow{background:url(https://images.pexels.com/photos/60561/winter-snow-nature-60561.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);background-position:50%;background-size:cover}.weather-thunder{background:url(https://images.pexels.com/photos/1118869/pexels-photo-1118869.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);background-position:50%;background-size:cover;-webkit-filter:brightness(60%);filter:brightness(60%)}.weather-mist,.weather-thunder{min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;transition:all 1s ease}.weather-mist{background:url(https://images.pexels.com/photos/1743398/pexels-photo-1743398.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);background-position:50%;background-size:cover;-webkit-filter:brightness(70%);filter:brightness(70%)}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.footer_content{text-align:center;color:#f09c00}.footer_main{padding:20px;background-color:rgba(0,0,0,.6);margin-top:20px}.footer_Icons{text-align:center;padding:20px 0}.footer_Icons span{margin:0 5px}.footer_Icons .footer_git a{color:#535253}.footer_Icons .footer_git a,.footer_Icons .footer_link a{-webkit-transform:scale(1);transform:scale(1);transition:.5s}.footer_Icons .footer_link a{color:hsla(0,0%,100%,.904)}.footer_Icons .footer_insta a{color:#e4d8df}.footer_Icons .footer_insta a,.footer_Icons .footer_wht a{-webkit-transform:scale(1);transform:scale(1);transition:.5s}.footer_Icons .footer_wht a{color:rgba(26,131,26,.958)}.footer_Icons .footer_twi a{color:#2791ca;-webkit-transform:scale(1);transform:scale(1);transition:.5s}.footer_Icons .footer_git a:hover{color:#c4bfbf;-webkit-transform:scale(1.2);transform:scale(1.2)}.footer_Icons .footer_link a:hover{color:#33279c;-webkit-transform:scale(1.2);transform:scale(1.2)}.footer_Icons .footer_insta a:hover{color:#c648ca;-webkit-transform:scale(1.2);transform:scale(1.2)}.footer_Icons .footer_wht a:hover{color:green;-webkit-transform:scale(1.2);transform:scale(1.2)}.footer_Icons .footer_twi a:hover{color:#add8e6;-webkit-transform:scale(1.2);transform:scale(1.2)}