#root{display:flex;flex-direction:column;min-height:100vh}body{margin:0;font-family:Inter,sans-serif;background-color:#ddf0ff;transition:.25s;min-height:100%}.darkmode{background-color:#000;transition:.25s}.darkmode #nav>div{background-color:#1f1f1f}.darkmode .currentCity p,.darkmode .currentCity svg{color:#fff}.darkmode #nav input{border:2px solid black;background-color:#636363;background-clip:border-box;color:#fff}.darkmode #searchBtn{background-color:#000;color:#fff}.darkmode #nav input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px rgb(99,99,99) inset!important;-webkit-text-fill-color:white!important}.darkmode #rightSide{background-color:#1f1f1f;transition:.25s}.darkmode #rightSide p,.darkmode #rightSide button{color:#fff}.darkmode #rightSide>nav>button.active{border-bottom:2px solid white}.darkmode .weatherInfoExtra div{background-color:#1f1f1f;color:#fff}.darkmode .darkmodBtn,.darkmode #switchBtn{background-color:#000;color:#fff}.darkmode .text-type span{color:#fff}.darkmode footer{background-color:#1f1f1f;color:#fff}.darkmode .ghlink{color:#b6b6ff}.text-type span{display:inline-block;white-space:pre-wrap;font-family:Inter,sans-serif;padding-left:3px}.text-type__cursor{margin-left:.25rem;display:inline-block;opacity:1}.text-type__cursor--hidden{display:none}.darkmodBtn{background-color:#dcefff;border-radius:100%;border:none;font-size:20px;font-family:Inter,sans-serif;font-weight:800;height:50px;width:50px}.darkmodBtn:hover svg{font-size:22px;transition:.5s}.darkmodBtn,#switchBtn{color:#000}#nav{width:100%}#nav>div{display:flex;justify-content:space-between;background-color:#fff;border-radius:20px;width:90%;margin:20px auto 40px;padding-bottom:20px;padding-top:20px}.navLeft{display:flex;gap:20px}.navLeft div{display:flex;align-items:center}#nav input,#searchBtn{box-sizing:border-box;margin:0;padding:0;line-height:1;font-family:inherit;font-size:inherit;height:40px;display:flex;align-items:center;justify-content:center}#nav input{border:2px solid rgb(220,239,255);border-radius:8px 0 0 8px;width:400px;padding-left:10px;font-weight:400}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset;transition:background-color 5000s ease-in-out 0s}#nav input::placeholder{color:#9e9e9e;font-weight:300}input:focus{outline:none;box-shadow:none}#nav button:focus{outline:none}#searchBtn{background-color:#dcefff;border:none;width:40px;border-radius:0 8px 8px 0}#nav button:hover{cursor:pointer}#nav div.currentCity{font-weight:300;gap:3px;min-width:280px}.currentCity{display:flex;align-items:center;padding-left:20px;gap:8px}.currentCity a{font-weight:800}.currentCity div{display:flex}.navRight{display:flex;align-items:center;padding-right:20px;gap:15px}#switchBtn{border:none;background-color:#dcefff;border-radius:100%;font-size:20px;height:50px;width:50px;font-weight:800;font-family:Inter,sans-serif}#switchBtn:hover{font-size:22px;transition:.5s}#weatherInfoNow{background-image:linear-gradient(#0006,#0006),url(https://idsb.tmgrup.com.tr/ly/uploads/images/2024/03/18/319978.jpg);border-radius:20px;padding:20px;background-position:center;background-size:cover;color:#fff;height:300px;box-shadow:0 3px 4px #0000000a,0 1px 3px #00000005;display:flex;justify-content:space-between;align-items:flex-start}#weatherLeft{display:flex;align-items:center;gap:15px;height:80px;font-size:26px;font-weight:800}#weatherLeft>img{width:80px;height:80px}#weatherLeft>div>p{margin:0}.time{font-size:20px;font-weight:500}#weatherRight{display:flex;align-items:center;height:80px;gap:3px;font-size:20px;font-weight:500}#weatherRight>i{font-size:20px}ul{margin:auto;padding:30px 0 0}li img{width:50px}li{list-style:none}li:not(:last-child){border-bottom:2px solid rgb(205,234,255)}.forecastLi{width:90%;margin:auto;display:flex;justify-content:space-between}.forecastLi section{align-items:center}.dayinfo{gap:15px;align-items:center;display:flex;width:40%}.dayinfodesc p{margin:0}.dayinfodesctime{font-weight:800;font-size:20px}.dayinfotemp{display:flex;justify-content:center;width:30%}.dayinfotemp p{width:100%;text-align:center;font-size:26px;font-weight:800;border-left:2px solid rgb(205,234,255)}.dayinfowind{display:flex;justify-content:end;width:30%}.dayinfowind div p{margin:0;min-width:120px}#noborder{border:none;font-weight:500}#rightSide{background-color:#fff;width:40%;border-radius:20px;padding:20px;height:fit-content;box-shadow:0 3px 4px #0000000a,0 1px 3px #00000005;transition:.25s}#rightSide nav{padding-bottom:15px}#leftSide{width:55%}#rightSide>nav>button{margin-right:10px;border:none;background-color:transparent;cursor:pointer;border-bottom:2px solid transparent;font-family:Inter,sans-serif;font-size:16px;font-weight:600;color:#000}#rightSide>nav>button.active{border-bottom:2px solid black}#rightSide>nav>button:active{border:none;border-bottom:2px solid black}#mainSection{display:flex;width:90%;justify-content:space-between;margin:auto;min-height:800px}.weatherInfoExtra{display:flexbox;width:100%;padding-top:40px;margin:auto}.weatherInfoExtraUp{display:flex;justify-content:space-between}.weatherInfoExtraDown{display:flex;justify-content:space-between;padding-top:50px}.weatherInfoExtra>section>div{width:25%;height:80px;background-color:#fff;border-radius:20px;display:flex;box-shadow:0 3px 4px #0000000a,0 1px 3px #00000005;padding:20px}.weatherInfoExtraIcon{width:20%}.weatherInfoExtraDesc{width:80%}.weatherInfoExtraDesc p{margin:0 0 10px}.weatherInfoExtraDesc h1{margin:0}.weatherInfoExtraDesc h1{font-size:22px;font-weight:700}.weatherInfoExtraDesc a{font-weight:600}main{flex:1}footer{width:90%;margin:40px auto 20px;background-color:#fff;border-radius:20px}footer div{text-align:center}footer a{font-weight:800;font-size:20px;text-decoration:none}footer section{padding-top:10px;padding-bottom:10px}.btnsFooter{display:none;justify-content:center;gap:15px}.loader{width:100px;height:100px;border:7px solid;border-color:white transparent white transparent;margin:100px auto;border-radius:50%;animation:loadspinner 1s ease infinite}@keyframes loadspinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (max-width: 1300px){#mainSection{display:block}#leftSide{width:90%;margin:auto}#rightSide{width:90%;margin:40px auto;padding:0}#rightSide>nav{padding:15px}#nav>div{width:80%}footer{width:80%;margin-top:0}}@media only screen and (max-width: 1150px){.navRight{display:none}.currentCity{display:none!important}.navLeft{margin:auto}#nav>div{width:80%;margin:20px auto}#nav input{padding-right:20px;padding-left:20px}.btnsFooter{display:flex}}@media only screen and (max-width: 700px){.dayinfowind{display:none}.weatherInfoExtraUp>div:last-child,.weatherInfoExtraDown>div:last-child{display:none}.weatherInfoExtra>section>div,.weatherInfoExtraDown>section>div{width:35%}.weatherInfoExtra h1{font-size:20px}.weatherInfoExtra a,#weatherRight{display:none}#weatherInfoNow{height:250px}.navLeft div{justify-content:center}#nav input{width:70%}#noborder{display:none}}