@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.test{background-color:wheat}body{font-family:Montserrat;scroll-behavior:smooth}.head{height:80px}.logo-icon{position:absolute;height:100px;margin-top:20px;left:50px}.web-name{margin-left:200px;margin-top:20px;display:inline-flex;font-size:35px;font-weight:900}.search{height:100px;text-align:center;padding-top:60px}.search input{padding:16px 25px;width:600px;border-radius:50px 50px 0 0;outline:none;border:none;font-size:20px;font-family:Montserrat;background:#a497b4;box-shadow:5px 5px 6px #665e70,-5px -5px 6px #e2d0f8}.search input::placeholder{color:#271939}.current{height:350px;width:350px;margin-left:16px;border-radius:50px;background:#56387e;box-shadow:inset 50px 50px 100px #271939,inset -50px -50px 100px #8557c3}.current-sub1{display:flex}.current-sub1 p{margin-top:40px;margin-left:-10px}.current p{padding-left:50px;color:#fff;font-weight:800;font-size:20px;width:60%;height:20px}.temp{height:100px;padding-top:16px;padding-right:30px}.temp-now p{font-size:80px;line-height:.1;font-family:Montserrat}.feelslike p{font-size:15px;padding-left:16px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{background:#57397f;background:linear-gradient(90deg,#57397f,#ededed);background:-moz-linear-gradient(90deg,hsla(266,38%,36%,1) 0%,hsla(0,0%,93%,1) 100%);background:-webkit-linear-gradient(90deg,hsla(266,38%,36%,1) 0%,hsla(0,0%,93%,1) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr="#56387E",endColorstr="#EEEEEE",GradientType=1);height:100vh}.details{display:flex;justify-content:center}table{margin-left:20px;text-align:center;margin-top:-20px}.heading1{color:#000;font-size:20px;font-weight:700;margin-top:-5px}.note{height:100px;width:550px;padding:16px;font-size:15px;color:#fff;font-weight:500;text-align:center;border-radius:50px;background:linear-gradient(145deg,#9488a2,#afa2c1);box-shadow:5px 5px 10px #4a4451,-2px -2px 5px #feeaff}.precipitation{height:170px;width:280px;border-radius:50px;background:linear-gradient(145deg,#9488a2,#afa2c1);box-shadow:5px 5px 10px #4a4451,-2px -2px 5px #feeaff}.precipitation h1{display:inline-flex;font-size:25px;text-align:center;color:#fff}.small-icon{object-fit:fill;height:40px;padding-left:20px;padding-top:10px}.precipitation p{width:100px;font-size:30px;display:inline-flex;line-height:0;padding-left:8px}.precipitation h3{font-size:10px}.locationNow{display:inline-flex;position:absolute;right:50px;font-size:25px;text-align:center;top:20px;color:#fff;font-weight:500;padding:4px 16px;border-radius:50px;background:#56387e;box-shadow:5px 5px 10px #35234e,-2px -2px 5px #774dae}.locationNow p{line-height:0}.locationNow img{filter:invert(1);padding-top:12px;height:30px}.wind-info{font-size:2px}@media only screen and (max-width:768px){.main{width:100vh}.logo-icon{height:40px;width:50px;margin-left:-20px}.web-name{margin-left:90px;font-size:20px;margin-top:25px}.locationNow img{width:15px;height:15px;margin:0;padding:2px 4px 0 0;display:flex}.locationNow{font-size:10px;height:20px}.details{display:block}.precipitation{height:120px;width:200px;border-radius:50px;background:linear-gradient(145deg,#9488a2,#afa2c1);box-shadow:5px 5px 10px #4a4451,-2px -2px 5px #feeaff}.search input{width:70vh}table{margin-left:0;text-align:center;margin-top:20px;display:inline-block}.precipitation{height:100px;width:200px;border-radius:50px;background:linear-gradient(145deg,#9488a2,#afa2c1);box-shadow:5px 5px 10px #4a4451,-2px -2px 5px #feeaff}.current{height:150px;width:150px;border-radius:50px;margin-left:16px;background:#56387e;box-shadow:inset 50px 50px 100px #271939,inset -50px -50px 100px #8557c3}.current-sub1{display:flex}.current-sub1 p{margin-top:40px;margin-left:-10px}.current p{padding-left:50px;color:#fff;font-weight:800;font-size:20px;width:60%;height:20px}}.search ul{position:relative;top:10px;background-color:transparent;width:100vh;z-index:1000;margin:0 auto;max-height:200px;overflow-y:auto;left:-28px;text-decoration:none}.search ul li{min-width:300px;background-color:silver;border-radius:50px;font-size:20px;padding:4px;margin:2px 0;cursor:pointer}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-thumb{cursor:pointer;background-color:#888;border-radius:6px}::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:50px}.option{position:relative;top:-10px;background-color:#a497b4;width:649.025px;z-index:1000;margin:0 auto;max-height:250px;border-radius:0 0 50px 50px;padding-bottom:30px;box-shadow:5px 5px 6px #665e70,0 0 #e2d0f8}