@import url(https://fonts.googleapis.com/css2?family=Work+Sans: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);*{margin:0;padding:0;font-family:"Work Sans",sans-serif}body{min-height:100vh;background-image:url(https://images.pexels.com/photos/1287075/pexels-photo-1287075.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#f1f1f1}.container{background-color:rgba(51,51,51,.6431372549019608);width:100vw;min-height:100vh;-webkit-flex-direction:column;flex-direction:column;grid-gap:3rem;gap:3rem;position:absolute;top:0}.container,.container .input{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.container .input{grid-gap:.5rem;gap:.5rem;height:5vh}.container .input input{border:none;outline:none;width:20vw;height:100%;padding:0 0 0 .7rem;border-radius:20px;background-color:transparent;box-shadow:0 0 0 1px #f1f1f1;color:#f1f1f1;transition:all .3s;font-size:1.1rem}.container .input input:focus{outline:none}.container .input input:focus,.container .input input:hover{transition:all .2s;box-shadow:none;border-bottom:1px solid #f1f1f1;border-radius:0}.container .input input::-webkit-input-placeholder{color:#bbb}.container .input input:-ms-input-placeholder{color:#bbb}.container .input input::placeholder{color:#bbb}@media only screen and (max-width:990px){.container .input input{width:60vw}}.container .input button{height:100%;padding:.5rem .7rem;font-weight:700;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:transparent;border:none;outline:none;cursor:pointer;border-radius:20px;transition:all .2s}.container .input button .search{font-size:1.4rem;color:#dadada}.container .input button:hover{transition:all .2s;box-shadow:0 0 0 1px #f1f1f1}.container .weather-infos{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;grid-gap:1rem;gap:1rem}.container .weather-infos .name{font-size:2.2rem}.container .weather-infos .desc{font-size:1.2rem}.container .weather-infos .image{object-fit:contain;width:100%;height:13vh}.container .weather-infos .deg{font-size:3rem}.container .weather-infos .hum-wind{grid-gap:1rem;gap:1rem;font-size:1.4rem}.container .weather-infos .hum-wind,.container .weather-infos .hum-wind p{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.container .weather-infos .hum-wind p{grid-gap:.5rem;gap:.5rem}.container .weather-infos .hum-wind .react-icon{font-size:3rem;margin:auto}
/*# sourceMappingURL=main.7f7a29d4.chunk.css.map */