@import url(https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto&display=swap);*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html{font-size:16px;line-height:1.5;color:#000;font-family:"Poppins",sans-serif}.wrapper{width:100%;min-height:auto;display:flex;flex-wrap:wrap;flex-direction:column;flex:1 1}.container{width:1280px;margin:0 auto}.container_first{width:100%;font-family:"Trebuchet MS",sans-serif;font-size:15px;display:flex;flex-wrap:wrap;justify-content:center}@media (max-width:1037px){.container_first{flex-direction:column;justify-content:center}}.container_first--item{width:21%;text-align:left;line-height:1.4rem;word-break:break-all;padding:15px;margin:30px 15px;border-radius:6px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.2)}.hide-country{display:none}.wrapper-img{width:70%;height:100px;margin:15px}.wrapper-img img{width:100%;height:100%}h2.name-font{font-family:"Poppins",sans-serif}@media (max-width:1037px){.container_first--item{flex-direction:row;flex-wrap:nowrap;justify-content:space-between;width:85%;margin:50px auto}.wrapper-img{width:100%;height:100%}.wrapper-text{width:100%;font-size:2rem;line-height:3.5rem;padding:25px}.name-font{display:none}.hide-country{display:block}}.form{display:flex;justify-content:center;width:100%}.form_title{margin-bottom:15px;font-size:25px}.search{position:relative;width:80%;margin:0 auto 30px;background:#fff}input[type=search],select{font-size:20px;width:100%;padding:19px;resize:vertical;border:2px solid #000;outline:none;-webkit-transition:all .4s;transition:all .4s}input[type=search]:focus,input[type=search]:hover{background-color:#00bfff;border:2px solid #fff}input::-webkit-input-placeholder{padding:10px;font-size:16px;font-family:"Trebuchet MS";text-align:center;background-image:url(/static/media/search-solid.c6a0effb.svg);background-position:1% 50%;background-repeat:no-repeat;background-size:3%}input:-ms-input-placeholder{padding:10px;font-size:16px;font-family:"Trebuchet MS";text-align:center;background-image:url(/static/media/search-solid.c6a0effb.svg);background-position:1% 50%;background-repeat:no-repeat;background-size:3%}input::-ms-input-placeholder{padding:10px;font-size:16px;font-family:"Trebuchet MS";text-align:center;background-image:url(/static/media/search-solid.c6a0effb.svg);background-position:1% 50%;background-repeat:no-repeat;background-size:3%}input::placeholder{padding:10px;font-size:16px;font-family:"Trebuchet MS";text-align:center;background-image:url(/static/media/search-solid.c6a0effb.svg);background-position:1% 50%;background-repeat:no-repeat;background-size:3%}.weather_details{width:100%;border:2px solid;border-radius:4px;display:flex;flex-wrap:wrap;justify-content:space-evenly;background-color:none;background-size:cover;background-position:50%;background-repeat:no-repeat;box-shadow:0 3px 6px #3b3e41,0 1px 2px rgba(0,0,0,.23);-webkit-transition:background-image .3s ease;transition:background-image .3s ease}.weather-wrapper_content{width:15%;padding:10px;margin:5px 0;border-radius:20px;border-top:3px outset #adaf46;border-bottom:3px outset #fbff12;text-align:center}.avatar{width:75px}.temperature_wrapper{display:flex;flex-direction:column}.btn{position:absolute;bottom:1.9px;right:1px;display:block;border:none;border-left:2px solid #fff;display:inline-block;cursor:pointer;font-size:20px;padding:19px;text-decoration:none;outline:none;background-color:#00bfff;-webkit-transition:all .5s;transition:all .5s;-webkit-transform:scale(1);transform:scale(1)}.btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1);border-left:none}.btn:focus,.btn:hover{background-color:#80deea}.hidecountry{display:none}.banner-section{box-shadow:0 3px 6px #3b3e41,0 1px 2px rgba(0,0,0,.23)}.banner-section,.banner-wrapper{background-color:#00bfff}.banner{display:flex;justify-content:space-evenly;flex-direction:row;padding-top:10px}.banner_text{font-weight:700;text-align:center;color:#fff;font-size:55px}.media-image{width:40px}.icon_group{margin-top:15px;display:flex;justify-content:center}.facebook,.github,.linkedin,.pinterest,.twitter,.vimeo{-webkit-transition:all .4s;transition:all .4s;padding-left:20px}.twitter{padding-left:0}.facebook:hover,.github:hover,.linkedin:hover,.pinterest:hover,.twitter:hover,.vimeo:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.normal{text-align:center;background:#f9f9ff}.spin-position{background:#88b1c9;min-height:100vh;flex-direction:column}.spin,.spin-position{display:flex;align-items:center;justify-content:center}.spin{position:relative;width:100px;height:100px;color:#092509}.spin-sector{border-radius:50%;position:absolute;width:100%;height:100%;border:8px solid transparent;mix-blend-mode:overlay}.spin-text{-webkit-animation:loading-opacity 3s ease-in-out infinite;animation:loading-opacity 3s ease-in-out infinite;font-size:1em}.spin-sector-first{-webkit-animation:rotates 2s ease-in infinite;animation:rotates 2s ease-in infinite;border-top:10px solid #f93822}.spin-sector-second{-webkit-animation:rotates 2.5s ease-in-out infinite;animation:rotates 2.5s ease-in-out infinite;border-bottom:10px solid #eed97e}.spin-sector-third{-webkit-animation:rotates 1.5s ease-in-out infinite;animation:rotates 1.5s ease-in-out infinite;border-top:10px solid #006b38}@-webkit-keyframes rotates{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes loading-opacity{0%,to{opacity:1}25%,75%{opacity:.5}50%{opacity:.1}}.spinner,.spinner-position{display:flex;justify-content:center}.spinner{position:relative;align-items:center;width:100px;height:100px}.spinner-sector{border-radius:50%;position:absolute;width:50%;height:50%;border:1px solid transparent;mix-blend-mode:overlay}.spinner-text{-webkit-animation:loading-opacity 3s ease-in-out infinite;animation:loading-opacity 3s ease-in-out infinite;font-size:.5em}.spinner-sector-blue{-webkit-animation:rotates 2s ease-out infinite;animation:rotates 2s ease-out infinite;border-top:8px solid #1b2945}.spinner-sector-orange{-webkit-animation:rotates 2.5s ease-in infinite;animation:rotates 2.5s ease-in infinite;border-bottom:8px solid #fd7e14}.spinner-sector-lightblue{-webkit-animation:rotates 1.5s ease-in-out infinite;animation:rotates 1.5s ease-in-out infinite;border-top:8px solid rgba(27,41,69,.75)}@keyframes rotates{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-opacity{0%,to{opacity:1}25%,75%{opacity:.5}50%{opacity:.1}}
/*# sourceMappingURL=main.77691a0f.chunk.css.map */