@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);*,html{margin:0;padding:0;box-sizing:border-box}body{font-family:"Inter",sans-serif;background:linear-gradient(-135deg,#c31432,#240b36)}.app{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:100%;height:100vh}.search__box{position:relative;margin-top:8rem;width:60%}.search__box .input__field{outline:none;background:none;border:none;border-bottom:2px solid #fff;border-radius:2px;width:100%;font-size:3rem;padding:5px;color:#fff;letter-spacing:1px}.search__box .input__field:focus~label,.search__box .input__field:valid~label{transform:translateY(-3.5rem);font-size:1.5rem}.search__box label{position:absolute;bottom:.5rem;left:.2rem;font-size:3rem;pointer-events:none;color:#d3d3d3;transition:all .2s ease-in}.weather__info{margin-top:5rem;padding:30px;text-align:center;width:30%;border-radius:20px;background:#fff;box-shadow:0 20px 18px rgba(0,0,0,.5)}.weather__info .city__name{font-size:1.8rem;margin-bottom:1rem}.weather__info .city__temp{font-size:3rem;font-weight:700}.weather__info .city__name sup{background:#c31432;padding:3px 10px;border-radius:20px;font-size:1rem;color:#fff;margin-left:.5rem}.temp__desc{color:#c31432;font-size:1.3rem;font-weight:600}@media screen and (max-width:768px){.search__box{width:70%}.search__box .input__field,.search__box label{font-size:1.5rem}.search__box .input__field:focus~label,.search__box .input__field:valid~label{transform:translateY(-2rem);font-size:1rem}.weather__info{width:70%}}
/*# sourceMappingURL=main.b0669342.chunk.css.map */