@import"https://fonts.googleapis.com/css2?family=Amatic+SC&family=Indie+Flower&family=Poppins:wght@300&family=Silkscreen&family=Unica+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Lobster&display=swap";@import"https://fonts.googleapis.com/css2?family=Indie+Flower&family=Lato&family=Roboto:wght@300&family=Shadows+Into+Light&display=swap";*{margin:0;padding:0;font-family:Poppins,sans-serif}body{background:url(/weather/assets/twilight-FclnYYrr.jpg) no-repeat center center fixed;background-size:cover}.app-container{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;height:100vh}.app-container__loading{margin-top:7rem;font-size:.7rem}.app-container__weather,.app-container__tasks{display:flex;flex-direction:column;align-items:center}html{font-size:16px}@media screen and (min-width: 768px){html{font-size:22px}}@media screen and (min-width: 1024px){html{font-size:24px}}@media screen and (min-width: 1440px){html{font-size:28px}}@media screen and (min-width: 2560px){html{font-size:42px}}.weathercard{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;margin-left:4rem;background:#ffffff6f;border-radius:.8rem;box-shadow:0 4px 8px #0000001a;width:fit-content}.weathercard__location{font-size:.8rem;margin-bottom:.5rem;font-weight:400}.weathercard__local-time{font-size:.6rem;margin-bottom:.3rem;font-style:italic}.weathercard__local-date{font-size:.6rem;margin-bottom:.2rem;font-style:italic}.weathercard__conditions{display:flex;align-items:center;gap:.8rem}.weathercard__icon{width:64px;height:64px}.weathercard__temp,.weathercard__condition{font-size:.7rem}.weathercard__greeting{font-family:Lobster,sans-serif;font-size:1.2rem;margin-bottom:1rem}.task{display:flex;align-items:center;justify-content:space-between;padding:.3rem;margin-bottom:.3rem;width:100%;margin-right:1rem;background:#ffffff6f;border-radius:.8rem;box-shadow:0 4px 8px #0000001a}.task__checkbox{margin-right:.5rem}.task__text{flex-grow:1;font-size:.55rem;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;white-space:normal}.task__text--completed{text-decoration:line-through}.task__delete{background:none;border:none;cursor:pointer;margin-left:.5rem}.task__delete--icon{width:.7rem;height:.7rem;color:gray}.task__delete:hover{opacity:.8}.tasklist{flex-wrap:wrap;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;max-width:70%;margin-right:4rem}.tasklist__empty-message{text-align:center;color:#000;font-size:.6rem;padding:.5rem;border-radius:.8rem;background:#ffffff6f;font-family:Poppins,sans-serif;box-shadow:0 4px 8px #0000001a}.addtask{position:relative;display:flex;align-items:center;margin-right:4rem}.addtask__input{font-size:.55rem;font-style:italic;border:none;border-radius:.8rem;padding:.4rem 1.9rem .4rem .5rem;background:#ffffff6f;outline:transparent;box-shadow:0 4px 8px #0000001a}.addtask__button{position:absolute;right:.5rem;right:.7rem;background:none;border:none;cursor:pointer;display:flex;align-items:center;top:50%;transform:translateY(-50%)}.addtask__button--icon{width:.7rem;height:.7rem;color:gray}.addtask__button:hover{opacity:.8}