@import url(https://fonts.googleapis.com/css2?family=Sora:wght@800&family=Josefin+Sans&family=Poppins:wght@300;400&display=swap);.loader-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100px}.loader{animation:spin 1s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#ff6a88;height:40px;margin-bottom:10px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background-color:#ff9a8b;background-image:linear-gradient(90deg,#ff9a8b,#ff6a88 55%,#ff99ac)}.card{background-color:#fff;border-radius:1rem;box-shadow:0 0 10px 10px #0000001a;height:100%;margin:2rem;padding:1rem;width:auto}header{color:#000;cursor:default;display:flex;font-family:Sora,sans-serif;font-size:xx-large;justify-content:space-around;margin:1rem;padding:.5rem}.input{display:flex;justify-content:center}#location{border-color:#ff6a88;border-radius:9px;border-width:1px;caret-color:red;font-family:Josefin sans,sans-serif;font-size:large;margin:.5rem;padding:1.3rem}#location:is(:active,:focus){outline:none}#location:focus{border-color:#ff6a88;box-shadow:0 2px 4px #0000001a}.btn{display:flex;flex-wrap:wrap;justify-content:center}.btn>input{border-color:#ff6a88;border-radius:5px;border-width:1.5px;font-family:Josefin sans,sans-serif;font-size:medium;margin:15px 20px;padding:10px 20px}.btn>input,button{background-color:#fff;box-shadow:0 1px 2px #ff6a88;color:#ff6a88}button{border-color:#ff6a88;border-radius:50%;height:50px;margin:10px 20px;width:50px}.btn>input:is(:hover,:active,:focus),button:is(:hover,:active,:focus){background-color:#ff6a88;box-shadow:0 2px 4px #ff6a88;color:#fff;outline:none;transition:.3s ease}.output{display:flex;font-family:Josefin sans,sans-serif;justify-content:center;text-align:center}#locate{font-family:Sora,sans-serif;font-size:xx-large}#description{font-size:2rem;margin-bottom:auto}#temperature{font-size:2rem;margin-top:auto}#country,#feels_like,#humidity,#pressure,#visibility,#windSpeed{font-size:1.5rem}footer{display:flex;flex-direction:column;font-family:Poppins,sans-serif;font-size:medium;font-weight:500;margin:1rem;padding:.5rem;text-align:center}.cont>span{font-size:xx-large;margin-top:10px}span:is(:hover,:focus,:active){color:#ff6a88;cursor:default}#weather{color:#000;margin:50px 10px 10px;text-decoration:none}#weather:is(:hover,:focus,:active){color:#ff6a88;outline:none;transition:.3s ease}#cpy:hover{color:#ff6a88;cursor:pointer;transition:.3s ease}@media only screen and (max-width:362px){.btn>input{margin:15px}}@media only screen and (max-width:768px){.card{margin:2rem 1rem}.btn>input{background-color:#ff6a88;box-shadow:0 2px 4px #ff6a88;color:#fff}#cpy{color:#ff6a88}}
/*# sourceMappingURL=main.d441b08d.css.map*/