@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@200;400;500;600;700;900&display=swap);*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Noto Sans,sans-serif}.bodyContainer{height:100vh;width:100%;display:grid;grid-template-rows:1fr 9fr;background-image:url(/assets/562db389ebf2079bc752b79218c769c7729f7580/appbackground-b9c7d8af.jpg);background-position:center;background-size:cover;overflow:hidden}.loadingOrErr{margin:auto 0;font-size:4rem;text-align:center}nav{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:13px 30px;color:#fff;background-color:#ffffff30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 10px 10px}.leftNav{font-size:1.7rem}.navList{display:flex;flex-wrap:wrap;list-style:none;font-size:1.5rem}.navListItems{margin-inline:20px}.navListItems *{padding:5px 10px;border-radius:10px;color:inherit;text-decoration:none;transition:background-color .5s,box-shadow .5s,color .5s}.navListItems.active *{box-shadow:0 0 10px #00000068}#weatherOuterContainer{display:flex;justify-content:center;align-items:center;width:100%}#weatherApp{width:50%;height:100%;display:grid;grid-template-rows:1fr 9fr;color:#fff}.weatherHeader{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px}.searchIcon{font-size:2rem}.weatherHeader input{width:50%;font-size:1.5rem;border:0;outline:0;padding:5px 10px;border-radius:20px;margin-block:10px;color:inherit;background-color:#ffffff81}.weatherHeader input::placeholder{color:inherit}.primaryDataCont{height:40%;padding:20px;position:relative}.cityName{font-weight:600;font-size:1.3rem}.temp{font-size:4rem;font-weight:900}.weatherDesc{position:absolute;right:0;font-size:1.3rem;font-weight:600;transform:rotate(1.75turn)}.weatherIconCont{display:flex;justify-content:center;align-items:center;position:absolute;width:180px;aspect-ratio:1;border-radius:50%;right:70px;top:50px;background-color:#fff3}.weatherIconCont img{height:180px}.secondaryDataCont{height:60%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:20px;padding-bottom:20px}.secondaryDataCont>*{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;border-radius:20px;font-size:1.5rem;font-weight:500;background-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.secondaryDataCont>*>:first-child{font-weight:700}#memesAppOuterContainer{display:flex;justify-content:center;align-items:center}#memesApp{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:30px;height:600px;width:1000px;border-radius:20px;color:#fff;background-color:#ffffff48;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.modal{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%}.warning{width:70%}.modal h2{text-align:center;font-size:2rem;margin-block:20px;color:red;text-shadow:0 0 10px #000}.memeMainCont{height:85%;display:flex;justify-content:center;align-items:center;border-radius:10px;overflow:hidden}.memeMainCont img{height:100%;width:100%;border-radius:10px;object-fit:contain;overflow:hidden}#memesApp button{color:inherit;font-size:1.5rem;padding:5px 10px;border-radius:20px;border:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background-color:#ffffff48;transition:backdrop-filter .5s}#memesApp .modal button{background-color:#ff4f4f}#memesApp button:hover{box-shadow:0 0 10px #0000004d}