@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";body{overflow-y:hidden;overflow-x:hidden;margin:0;padding:0;display:block;width:100vw;height:100vw;background-color:#368fad}@media (min-width: 600px){.worldimg{width:calc(100% - 150px)}}@media (min-width: 600px){.world{background-color:#368fad;margin-top:33px;width:100vw;height:100vw;object-fit:cover}}@media (max-width: 599px){.world{background-color:#368fad;margin-top:33px;margin-left:0;width:100vw}}.topbar{background-color:#000;width:100%;height:33px;z-index:1;position:fixed;top:0;left:0;display:flex;align-items:center}.topbar-center{width:350px;padding-left:50px;margin-left:auto;margin-right:auto;display:flex;align-items:center}input{font-size:16px;font-weight:700;color:#999;float:left;height:18px;width:100px;border:5px;border-color:#fff;background-color:#fff;border-radius:5px;z-index:1;text-align:center}.topbar-div{float:left}.topbar-filter-button{float:right;font-size:12px;background-color:#000;color:#fff;width:80px;height:33px;text-align:center;border:1px solid transparent;cursor:pointer;border-color:#000;font-family:Inter,sans-serif}.topbar-filter-button:focus{border-color:#fff}@media (min-width: 600px){.sidebar-footer{top:33px;right:0;margin:0;padding:0;width:150px;background-color:#fff;position:fixed;height:100%;overflow:auto;z-index:1}}@media (max-width: 599px){.sidebar-footer{left:0;bottom:0;width:100%;height:180px;position:fixed;overflow:hidden;z-index:1;background-color:#fff}}@media (min-width: 600px){.City-Name{color:#2196f3;text-align:"center";height:45px;overflow-wrap:break-word}}@media (max-width: 599px){.City-Name{color:#2196f3;text-align:"center";height:30px;overflow-wrap:break-word}}@media (min-width: 600px){.Month-List{display:grid;grid-template-columns:1fr;margin-left:10px;margin-right:10px;margin-top:6px;align:center;text-align:center}}@media (max-width: 599px){.Month-List{display:grid;grid-template-rows:repeat(6,auto);grid-auto-flow:column;width:320px;margin:5px auto 10px;padding-left:30px}}@media (min-width: 600px){.Month-Row{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}}@media (max-width: 599px){.Month-Row{display:grid;grid-template-columns:1fr 1fr 1fr;width:140px}}@media (min-width: 600px){.monthName{font-weight:"bold";text-align:"center";font-size:15px;font-weight:700;padding-top:1px}}@media (max-width: 599px){.monthName{font-weight:"bold";text-align:"center";font-size:15px;font-weight:700;padding-top:3px}}@media (min-width: 600px){.monthTemperature{font-weight:"bold";text-align:"center";font-size:15px;font-weight:700;padding-top:1px}}@media (max-width: 599px){.monthTemperature{font-weight:"bold";text-align:"center";font-size:15px;font-weight:700;padding-top:3px}}.country-scroll{height:800px;width:350px;overflow-y:hidden;overflow-x:hidden}.List-Title{font-size:14px;font-weight:700;margin:4px;text-align:center}.countryName{font-size:1.3em;font-weight:700}::-webkit-scrollbar{width:auto}::-webkit-scrollbar-track{background:#add8e6;border-radius:20px}::-webkit-scrollbar-thumb{background:#00f;border-radius:20px;height:200px}::-webkit-scrollbar-thumb:hover{background:#00008b}.circle{width:6px;height:6px;border-radius:50%;background-color:#1a0af880;position:absolute;transform:translate(-50%,-50%)}.circle:hover{background-color:red}.monthSwitch{vertical-align:-20px}.switch{position:relative;display:inline-block;width:26px;height:13px;margin-top:4px;margin-left:4px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider:before{position:absolute;content:"";height:9px;width:9px;left:2px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(13px);-ms-transform:translateX(13px);transform:translate(13px)}.slider.round{border-radius:17px}.slider.round:before{border-radius:50%}