:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;color:#ffffffe6;background-color:#1e4c5b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}body{margin:0;padding:0;display:flex;flex-direction:column;min-width:320px;min-height:100vh;background-color:#5e65e4;overflow-x:hidden}a{font-weight:500;color:#fff;text-decoration:none;transition:color .25s ease}a:hover{color:#cdd9ff}h1,h2,h3,h4,h5,h6{margin:0;color:#fff;font-weight:600;line-height:1.2}h1{font-size:3.2em;line-height:1.1}.error{color:red;font-weight:600}.card{background-color:#000c;color:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 20px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #0006}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#fff;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#5e65e4}button{background-color:#f9f9f9;color:#213547}a:hover{color:#fff}}.header{width:100vw;margin:0;padding:20px 0;background-color:#000000e2}.header h2{color:#fff;font-weight:600;font-size:35px;letter-spacing:1px;margin:0 0 0 40px}.bottom-shadow{padding:1.5rem;box-shadow:0 6px 15px #00000026}.weather-container{width:90%;height:300px;background-color:#000000e2;border-radius:20px;padding:20px 30px;margin-bottom:30px}.loader-container{display:flex;justify-content:center;align-items:center;height:60%}.heading{color:#67c1dc;font-size:30px;font-weight:400}.weather-data-container{display:flex;justify-content:space-around;align-items:flex-start;width:100%;min-height:260px;box-shadow:0 6px 15px #0000001a}.right-container{height:100%;padding:20px;margin-left:-60px}.form-container{display:flex;justify-content:flex-start}.input-box{border:solid #67c1dc 3px;border-right:none;border-bottom-left-radius:10px;border-top-left-radius:10px;font-weight:600;height:30px;width:180px;padding-left:10px;background-color:#0000;color:#fff}.input-box::placeholder{color:#fff}.search-button{border-left:none;border-bottom-right-radius:10px;border-top-right-radius:10px;border:3px solid #67c1dc;font-family:inherit;cursor:pointer;transition:all .25s ease;background-color:#67c1dc;color:#000000e2;font-weight:600;font-size:16px;height:38px;width:100px}.city-name{font-size:30px;margin:10px 0}.temperature-section{display:flex;justify-content:flex-start;align-items:center;height:100%;min-height:auto}.temperature-value{font-size:50px}.temp-icon{font-size:100px;color:#fff;margin-left:-20px}.degree-icon{color:#67c1dc}.left-container{height:100%;padding:20px;display:flex;align-items:start}.minmax p{font-size:20px;color:#67c1dc}.minmax span{font-weight:600;color:#fff;margin-right:5px}.weather-icon{font-size:200px;color:#67c1dc;margin-bottom:-20px;margin-top:-30px}.extra-details{display:flex;flex-direction:column;justify-content:center;align-items:end}.extra-details span{font-weight:600;color:#fff;margin-right:5px}.extra-details p{font-size:20px;color:#67c1dc}.error-container{height:70%;display:flex;flex-direction:column;justify-content:center;align-items:center}.error-container p{color:red;font-size:20px;font-weight:600}.error-container button{border-radius:5px;border:3px solid #67c1dc;font-family:inherit;cursor:pointer;background-color:#67c1dc;color:#000000e2;font-weight:600;font-size:16px;height:30px;width:100px}.currency-container{width:90%;height:250px;background-color:#000000e2;border-radius:20px;padding:20px 30px;margin-bottom:30px}.inputdetails{height:70%;width:98%;min-width:1200px;padding:20px;display:flex;justify-content:space-between;align-items:flex-start}.drop-down-inputs{display:flex;justify-content:space-between;align-items:start;margin-top:40px;width:330px}.label{color:#fff;font-weight:600;font-size:20px}.inputdetails select{height:25px;width:100px;text-align:center;background-color:#67c1dc;color:#000000e2;font-weight:800;font-size:14px;border:none;border-radius:4px}.inputdetails select option{color:#000;background-color:#fff;font-weight:600}.amount-container input{background-color:#67c1dc;color:#000000e2;font-size:18px;font-weight:800;padding-left:10px;width:195px;border:none;height:25px;border-radius:4px;margin-top:20px}.amount-container input::placeholder{color:#000000e2;font-size:18px;font-weight:800}.result-container{height:100%;width:100%;display:flex;justify-content:space-evenly;align-items:center}.input-container{width:400px;height:200px}.output-container{width:800px;height:200px;margin-top:-20px}.name{font-size:40px;font-weight:600;color:#fff}.amount{font-size:40px;font-weight:600;color:#67c1dc}.exchange-icon{font-size:60px;font-weight:600;color:#67c1dc}.convert-btn{padding:10px 20px;background-color:#67c1dc;color:#000000e2;border:none;border-radius:6px;cursor:pointer;margin-top:10px;font-size:16px;font-weight:600}.convert-btn:hover{background-color:#67c1dc}.quote-container{width:90%;height:210px;background-color:#000000e2;border-radius:20px;padding:20px 30px;margin-top:50px;margin-bottom:30px}.top-contaier{width:100%;display:flex;justify-content:space-between;align-items:start}.refesh-button{border-radius:10px;border:3px solid #67c1dc;font-family:inherit;cursor:pointer;transition:all .25s ease;background-color:#67c1dc;color:#000000e2;font-weight:600;font-size:16px;height:38px;width:100px}.heading{font-weight:550;font-size:30px}.data-container{display:flex;flex-direction:column;justify-content:space-between}.quote{font-size:24px;font-style:italic;align-self:center;font-weight:600;height:100px}.quote-details{display:flex;justify-content:space-between;align-items:end;margin-top:10px}.quote-details p{margin:1px 0;color:#67c1dc;font-size:18px}.quote-details span{font-weight:600;color:#fff}html,body,#root{width:100vw;margin:0;padding:0;background-color:#67c1dc;font-family:Nunito Sans,Lato,sans-serif;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}