@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Onest:wght@100..900&display=swap";#main-section{height:600px;width:700px;display:flex;flex-direction:column;align-items:center;margin:20px auto;border-radius:10px;background-color:#77108eb3;padding-top:50px;color:#f0f8ff;box-shadow:0 0 10px #00000080}#input-container .input-inner{display:flex;border:1px solid rgb(119 16 142/.7);width:500px;height:40px;border-radius:20px}#input-container .input-inner:focus-within{outline:1px solid rgb(119 16 142/.7)}#input-container input{font-family:Raleway,sans-serif;min-width:0;font-size:1.2rem;padding-left:10px;flex-grow:1;border:none;outline:none;border-radius:20px 0 0 20px;border-right-width:0}#input-container button{border:1px solid rgb(119 16 142/.7);background:#77108eb3;color:#fff;height:100%;border-left-width:0;border-radius:0 20px 20px 0;padding:10px}#input-container button:hover{box-shadow:0 0 5px #00000080}#input-container button:active{box-shadow:none}#input-container button img{width:20px;height:20px;filter:invert(100%)}#input-container{position:relative}input::-webkit-search-cancel-button{color:red}#dropdown{display:flex;flex-direction:column;position:absolute;width:100%;max-height:300px;overflow:auto;background-color:#fff;margin-top:5px;border-radius:10px;box-shadow:0 0 8px #00000080}.dropdown-list{font-size:1.2rem;color:#000;font-weight:400;padding-left:12px;margin:10px 0;cursor:pointer}.dropdown-list:hover{color:#77108eb3}#main-container{width:500px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:30px 0}#weather-img-container img{width:200px;height:200px}#temp{font-size:5rem;margin-right:80px}#img-container img{height:70px}#city{font-size:2.5rem;margin-bottom:30px}#add-info-container{display:flex;flex-wrap:wrap;font-size:2.5rem}.add-info-wrapper{width:250px}.main-add-info{display:flex;width:200px;align-items:center}.add-info-img-container img{width:50px;height:50px}.wind-img{margin-left:20px;margin-right:8px}@media only screen and (max-width: 600px){#main-section{width:95%;height:95%;justify-content:center}#input-container .input-inner{width:300px}#input-container input{font-size:1rem}#main-container{width:60%;justify-content:center}#weather-img-container{margin-right:20px}#weather-img-container img{width:130px;height:130px;justify-content:center}#temp{margin-right:20px}#city{font-size:2rem}#add-info-container{font-size:2rem;justify-content:center}.wind-img{margin-left:0}.add-info-wrapper{text-align:center}.main-add-info{width:100%;justify-content:center}}header,footer{background-color:#77108e;height:5rem;padding:17px}h1,footer>p{text-align:center;color:#fff}footer>p{font-size:2.5rem}footer>p>a{text-decoration:none;color:#efa8ee;font-weight:700}footer>p>a:hover{color:#f578f3}@media only screen and (max-width: 600px){header,footer{width:100%}footer{padding-top:25px}footer>p{font-size:1.6rem}}.container-err-outside{height:100dvh;display:flex;justify-content:center;align-items:center}.container-err{font-size:2rem;font-weight:800;height:400px;width:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;border-radius:10px;background-color:#77108eb3;color:#f0f8ff;box-shadow:0 0 10px #00000080}.container-err>button{padding:15px 25px;font-size:1.5rem;background-color:#77108eb3;color:#f0f8ff;border-radius:50px;border:none;cursor:pointer;transition:.3s;box-shadow:0 0 10px 2px #823493}.container-err>button:hover{background-color:#630e76b3}@media only screen and (max-width: 600px){.container-err{width:95%}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Onest,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal;min-height:100%;min-width:100%;background-color:#efd3f4}