@import url(https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.footer{background:#0f0e0e;bottom:0;color:#fff;display:flex;justify-content:space-between;left:0;padding:15px 0;position:fixed;width:100%}.follow{align-items:center;display:flex;margin-left:2rem;order:1}.rights{order:2}.footer div{display:flex;justify-content:center}.footer div a{color:#fff;display:flex;font-size:17px;justify-content:space-between;padding:0 5px}.footer .rights{margin:0 2rem}.text-white{color:#f5f5f5;font-size:12px}@media only screen and (max-width:626px){.text-white{font-size:11px}.footer div a{font-size:16px;padding:0 4px}.footer .rights{margin:0 1rem}}body{background-position:50%;background-size:cover;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;margin:0}#weather-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#5476a21a;border:1px solid #287fb11a;border-radius:15px;box-shadow:0 8px 32px #0000001a;padding:15px;text-align:center;width:500px}h2,label,p{color:#fff;margin:8px 0}.hero-section p{font-size:25px}.hero-section h2{font-size:30px}input{border:1px solid #fff;border-radius:10px;box-sizing:border-box;padding:8px;width:calc(100% - 16px)}button,input{margin-top:20px}button{background:#6c87f5;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;padding:10px;width:100px}button:hover{background:#454fab}.detail{justify-content:space-around;margin-top:20px;padding-bottom:30px}.col,.detail{align-items:center;display:flex}.col{gap:10px;padding:0 15%}.col i{color:#000;font-size:25px}.hero-section .col p{color:#fff;font-size:17px}#temp-div{font-size:60px;margin-top:-30px}#weather-info{font-size:20px}.body img{height:200px;width:200px}#hourly-forecast{display:flex;justify-content:space-between;margin-bottom:20px;margin-top:50px;overflow-x:auto;white-space:nowrap}.hourly-item{align-items:center;color:#fff;display:flex;flex:0 0 auto;flex-direction:column;margin-right:10px;width:80px}.hourly-item img{height:30px;margin-bottom:5px;width:30px}#hourly-heading{color:#fff;margin-top:10px}@media only screen and (max-width:450px){#weather-container{max-width:320px;padding:13px}input{margin-top:15px;padding:7px;width:calc(100% - 50px)}.body img{height:120px;margin-bottom:-30px;margin-top:-10px;width:120px}button{font-size:13px;margin-top:17px;padding:8px;width:90px}.col i{font-size:21px}.hero-section p{font-size:19px}.hero-section h2{font-size:24px}p{margin:-.5px 0}}@media only screen and (min-width:451px) and (max-width:530px){#weather-container{max-width:350px;padding:15px}input{margin-top:15px;padding:7px;width:calc(100% - 50px)}.body img{height:150px;margin-bottom:-35px;margin-top:-25px;width:150px}.hourly-item img{height:25px;margin-bottom:4px;width:25px}button{font-size:14px;margin-top:19px;padding:7px;width:92px}.col i{font-size:22px}#humidity,#wind{font-size:18px}.hero-section p{font-size:21px}.hero-section h2{font-size:24px}p{margin:-1px 0}}@media only screen and (min-width:531px) and (max-width:840px){#weather-container{max-width:450px;padding:20px}input{margin-top:15px;padding:7px;width:calc(100% - 50px)}.body img{height:165px;margin-bottom:-40px;margin-top:-20px;width:165px}.col i{font-size:23px}button{font-size:14px;margin-top:19px;padding:7px 6.5px;width:92px}.hero-section p{font-size:24px}.hero-section h2{font-size:26px}p{margin:-2px 0}}@media only screen and (min-width:841px) and (max-width:1500px){#weather-container{max-width:900px;padding:23px}input{margin-top:15px;padding:12px;width:calc(100% - 50px)}#weather-container{margin:5rem 0;padding:0 15px;width:500px}.body img{margin-bottom:-55px;margin-top:-35px}p{margin:-3px 0}}*{font-family:Jost,sans-serif}html{font-size:55%}a{text-decoration:none}li{list-style:none}.main-nav{background:#8182e2;border:1px solid #6c9dad1a;box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0b0b0b4d;display:grid;grid-template-columns:10rem 2fr 1fr 2fr 10rem;height:7rem;left:0;margin-top:-20px;position:fixed;top:0;width:100vw;z-index:1000}.logo{align-items:center;display:grid;justify-content:start;padding-left:5vw}.menu-link{grid-column:3/4}.menu-link ul{display:flex;justify-content:space-around}.menu-link ul,.social-media ul{align-items:center;height:10rem}.social-media ul{display:grid;justify-content:flex-end}.social-media ul li{text-align:right}.logo h2{font-size:2.5rem;font-weight:400;text-transform:uppercase}.logo h2 span{font-size:3.5rem}.menu-link ul li{font-size:1.8rem}.menu-link ul li a{color:#000003cc}.menu-link ul li a.active,.menu-link ul li a:hover{color:#f17d68;transition:.2s}a.active{font-weight:900}.social-media .hamburger-menu{display:none}.hero-section{align-items:center;display:flex;flex-direction:column;height:80vh;justify-content:center}@media (min-width:999px){.main-nav{grid-template-columns:2rem 2fr .5fr 0fr 2rem;height:7rem}.logo,.menu-link ul{height:8rem}}@media (max-width:998px){.main-nav{grid-template-columns:3rem 2fr .5fr 0fr 3rem;height:7rem}.logo,.menu-link ul{height:8rem}}@media (max-width:798px){.main-nav{grid-template-columns:2rem 2fr 3fr 2rem 2rem;height:7rem;padding-top:5px}.menu-link{display:none}.logo,.social-media ul{height:7rem}.mobile-menu-link{align-items:center;background-color:#fff;box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d;display:grid;grid-column:2/4;grid-column:2/5;height:20rem;padding-left:3rem;position:relative;z-index:99}.mobile-menu-link ul{align-items:start;display:flex;flex-direction:column;height:20rem;justify-content:space-around}.mobile-menu-link ul li:first-child{transition-delay:.2s}.social-media{grid-column:3/5;grid-row:1/2;justify-items:end;transition:all 2s linear}.social-media .social-media-desktop{display:none;height:0}.social-media{align-items:center;display:flex;height:7rem;justify-self:end}.social-media .hamburger-menu{display:block;font-size:2.5rem}}@media (max-width:520px){.main-nav{grid-template-columns:1rem 4fr 1fr 1fr 1rem;height:7rem}.logo{height:6rem}.logo h2{font-size:2rem}.hamburger-menu{display:block;font-size:2.5rem}.hero-section h1{font-size:3.8rem}}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{align-items:center;background:url(/static/media/bg.1edef5c6d3bd359f7cfe.png);display:flex;justify-content:center}h1{color:#fdfcfc;font-size:5rem;margin-bottom:.5rem}.TodoWrapper,h1{text-align:center}.TodoWrapper{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #287fb11a;border-radius:5px;padding:2rem}.TodoForm{margin-bottom:1rem;width:100%}.todo-input{background:none;border:1px solid #4333da;color:#a297f8;margin-bottom:2rem;margin-right:5px;margin-top:1rem;outline:none;padding:.5rem 1rem;width:300px}.todo-input::placeholder{color:#0d05ff4d}.todo-btn{background:#6c87f5;border:none;color:#fff;cursor:pointer;padding:.55rem}.Todo{align-items:center;background:#4333da;border-radius:5px;color:#fff;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.fa-trash{margin-left:.75rem}.incompleted{color:#fff;cursor:pointer}.completed{color:#6c77cf;cursor:pointer;text-decoration:line-through}.delete-icon,.edit-icon{cursor:pointer;height:15px}@media only screen and (max-width:767px){h1{font-size:4.5rem;margin-bottom:.4rem}.todo-input{margin:10px 5px;padding:.5rem 1rem;width:260px}.todo-btn{padding:4px 6px;width:10rem}.Todo{padding:1px 6px}.delete-icon,.edit-icon{height:14px}}@media only screen and (max-width:555px){h1{font-size:4.1rem;margin-bottom:.3rem}.todo-input{margin:8px 4px;padding:.4rem .8rem;width:230px}.todo-btn{padding:3.5px 4.5px;width:10rem}.Todo{padding:.5px 7px}.delete-icon,.edit-icon{height:13px}}
/*# sourceMappingURL=main.234c91e1.css.map*/