#root{margin:4rem}.container{width:100%;height:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:4rem}.header{box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:100%;padding:2rem;border-radius:1rem;background:hsl(0,0%,95%)}.page-title{font-size:4rem;font-weight:100;margin:1rem 0 2rem;text-align:center}.main-content{width:100%}.description__divider{display:grid;grid-template-rows:1fr;grid-template-columns:1fr;padding:.6rem 1.6rem;border:3px solid currentColor;border-radius:1rem}.description__text{grid-row:1/-1;grid-column:1/-1;font-size:1.3rem}.loader{grid-row:1/-1;grid-column:1/-1;display:flex;justify-content:center;align-items:center;z-index:1;--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity))}.loader p{font-size:3rem;font-weight:200;animation:blink .6s infinite}@keyframes blink{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.weathercard{display:grid;grid-template-rows:1fr;grid-template-columns:1fr;padding:1rem;border:3px solid currentColor;border-radius:1rem}.weathercard__data{grid-row:1/-1;grid-column:1/-1}.weathercard__meta{display:flex;justify-content:space-around;padding:2rem 0 1rem;font-size:1.2rem}.weathercard__temp{display:flex;padding:3rem;justify-content:center;font-size:4rem}.weathercard__wind{display:grid;justify-content:center;align-items:center;padding-block-end:2rem}.weathercard__wind:before{grid-column:1;grid-row:1;content:"";display:block;margin:1rem;height:4.5rem;width:4.5rem;border-radius:50%;border:6px solid currentColor}.weathercard__wind-speed{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.weathercard__wind-dir{grid-column:1;grid-row:1}.weathercard__wind-dir:before{content:"◀";display:block;font-size:2rem;width:7.4rem;line-height:1rem}.locationform{display:flex;flex-direction:column;align-items:center;margin-top:20px;height:90%;justify-content:space-evenly;margin-block-start:0}.locationform__elements{display:flex;flex-direction:column;align-items:center;margin-bottom:10px;width:90%}.locationform__elements label{font-size:1.2rem;margin-bottom:5px}.locationform__elements input[type=text]{padding:1rem;border-radius:.5rem;border:1px solid #ccc;margin-block:.5rem 1rem;font-size:1.2rem}.locationform__elements textarea[type=textarea]{padding:1rem;border-radius:.5rem;border:1px solid #ccc;margin-block:.5rem 1rem;font-size:1.2rem;width:100%}.locationform__elements input[type=submit]{padding:.8rem 1.4rem;font-size:1.2rem;border-radius:5px;border:none;background-color:#07f;color:#fff;cursor:pointer}.error{color:red;margin-top:10px}.instructions{font-size:.8rem;margin-top:10px}