*{margin:0;padding:0;font-family:Roboto,sans-serif}body{background:url(image2.png);background-repeat:no-repeat;background-position:center;background-size:cover}.firstDiv{position:relative;overflow:hidden;overflow-y:auto;width:45%;height:85%;display:flex;flex-direction:column;justify-content:space-between;padding:5px;border-radius:20px;transition:all .2s ease-in-out;color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a9c9d3,#bbdbff)}.firstDiv:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(image.png) no-repeat center/cover;z-index:-1}.firstDiv:hover{padding:10px;transition:.2s;transform:scale(1.01)}.SecoundDiv{position:relative;background:linear-gradient(135deg,#00838f,#5fa8a1,#18d7ec,#0b8591);width:45%;height:85%;display:flex;justify-content:space-between;flex-direction:column;overflow:hidden;overflow-y:auto;border-radius:20px;padding:2px}::-webkit-scrollbar{width:8px;height:10px}::-webkit-scrollbar-track{background:none;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8caab3,#9dbfe7);border-radius:10px}.btn-div{width:90%;margin-top:10px;padding:4px;border-radius:30px;border:none;letter-spacing:2px;font-size:14px;background:linear-gradient(35deg,#739aa5,#3c83d3);transition:all .3s}.btn-div:hover{cursor:pointer;letter-spacing:3px;transition:.5s;animation:trans .8s ease-in-out}@keyframes trans{0%{background:#074247;transition:.5s}50%{background:#275283;transition:.3s}}.input-Sty{width:100%;height:18px;border-radius:30px;font-size:16px;padding:15px 20px 5px 9px;outline:none;border:none;background:none;transition:all .3s}.input-Sty:hover{font-size:17px}.bodyC{background:url(image3.png) no-repeat center/cover;transition:all .5s}.firstDivC{background:url(XB8g.jpg) no-repeat center/cover}.firstDivC:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(XB8g.jpg) no-repeat center/cover;z-index:-1}.SecoundDivC{background:linear-gradient(135deg,#1d2020,#102725,#262a2b,#000)}.Divsearchpage{margin:10px;height:30%;width:30%;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;color:linen}.Spantextattention{font-size:large;color:#ecad0e}.Spantextattention:hover{color:#b39135}.Divnotfoundpage{margin:10px;height:50%;width:60%;text-align:center}.imgC{height:80%;width:100%}.SpantextError{font-size:large;color:#c01f3f}.SpantextError:hover{color:#963447}.modern-select{width:70%;font-size:18px;border-radius:25px;padding:10px 16px;border:1.5px solid #5fa8a1;background:linear-gradient(90deg,#e0f7fa,#fff);color:#333;box-shadow:0 2px 8px #00000012;transition:border .2s,box-shadow .2s;outline:none;appearance:none;cursor:pointer}.modern-select:focus{box-shadow:0 0 0 2px #b2ebf2}.modern-select option{background:#fff;color:#333}#searchC{width:30%}.weatherinformation{display:flex;justify-content:center;width:65%;height:75%;align-items:center}.CardC{background:red}@media screen and (max-width: 1020px){*{font-size:medium}#searchC{width:50%}.modern-select{width:100%;font-size:15px}.weatherinformation{height:90%;display:flex;flex-direction:column;text-align:center}.firstDiv,.SecoundDiv{width:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:none;border-radius:12px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8caab3,#9dbfe7);border-radius:12px}}