@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";*{box-sizing:border-box;font-family:Inter,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}body{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fff}.card_cantainer{border:1px solid gray;padding:30px;display:flex;flex-direction:column;width:600px;text-align:center;justify-content:center;background-color:#dfe6e9;box-shadow:0 10px 20px 5px #000000bf;background:transparent;border-radius:5px}.search{border:2px solid #a29bfe;display:flex;justify-content:space-between;padding:10px;border-radius:10px;position:relative}input{flex:1;padding:5px;font-size:30px;font-weight:500;outline:none;border:none;background-color:transparent;color:#636e72}.search img{cursor:pointer;margin-right:30px;height:50px;width:50px;position:absolute;right:-30px}.image{height:150px;width:150px;text-align:center;padding:10px;margin-top:20px}.card_cantainer .loc{display:flex;flex-direction:row;justify-content:space-around;padding:25px}.card_cantainer .other{display:flex;flex-direction:row;justify-content:space-between;padding:25px}.temp{font-weight:600;font-size:30px}.city{font-size:50px;padding:0;margin:0;color:#0984e3}.country{font-size:25px;font-weight:400}.loc .lan,.loc .lon{font-weight:400;font-size:20px}.other .speed{display:flex;flex-direction:column;justify-content:center;align-items:center}.loc .lan,.loc .lon,.other .speed,.other .humanity{display:flex;flex-direction:column}.speed img,.humanity img{height:50px;width:50px}@media (max-width: 1024px){.card_cantainer{width:80%;padding:40px}input{flex:1;padding:5px;font-size:30px;font-weight:500;outline:none;border:none;background-color:transparent;color:#636e72}.search img{height:45px;width:45px;position:absolute;right:-30px}.image{height:120px;width:120px}.city{font-size:45px}.temp{font-size:28px}}@media (max-width: 768px){body{height:100vh}.card_cantainer{width:350px;height:700px}.search{flex-direction:column;align-items:center}input{font-size:20px;padding-left:30px}.search img{height:30px;width:30px;position:absolute;right:-30px}.image{height:100px;width:100px}.city{font-size:40px}.country{font-size:20px}.temp{font-size:25px}.loc,.other{flex-direction:column;align-items:center}.loc .lan,.loc .lon,.other .speed,.other .humanity{align-items:center}}@media (max-width: 480px){.card_cantainer{width:350px;height:600px}input{font-size:16px;text-align:left;overflow:hidden}.search img{height:30px;width:30px;overflow:hidden;position:absolute;right:-30px}.image{height:80px;width:80px}.city{font-size:30px}.country{font-size:18px}.temp{font-size:20px}}