.App{text-align:center}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.homepage{display:flex;flex-direction:column;min-height:100vh}body{background-color:#f5f5f5}.feed-container{flex-grow:1}.banner{background-color:var(--habs-red);box-shadow:0 4px 6px #0000001a;color:var(--white);padding:8px 0;text-align:center;text-decoration:none;transition:transform .3s ease,background-color .3s ease;width:100%}.banner:hover{background-color:var(--bright-red);transform:scale(1.05)}.banner-content{margin:0 auto;max-width:1200px;padding:0 20px}.banner-subtitle,.banner-title{font-weight:700;margin:0;text-decoration:underline;text-decoration-color:var(--white)}.banner-title{font-size:2rem}.banner-subtitle{font-size:1rem;margin-top:5px}@media (min-width:769px) and (max-width:1024px){.banner-content{padding:0 15px}.banner-title{font-size:1.75rem}.banner-subtitle{font-size:.9rem}}@media (max-width:768px){.banner{padding:6px 0}.banner-content{padding:0 10px}.banner-title{font-size:1.5rem}.banner-subtitle{font-size:.85rem}}@media (max-width:480px){.banner{padding:5px 0}.banner-content{padding:0 5px}.banner-title{font-size:1.3rem}.banner-subtitle{font-size:.75rem}}:root{--habs-blue:#192168;--habs-red:#af1e2d;--bright-red:#ff4c4c;--white:#fff;--black:#000;--gray-light:#f5f5f5;--gray-medium:#ccc;--background-primary:var(--gray-light);--text-primary:var(--black);--link-default:var(--black);--link-hover:var(--habs-red);--focus-outline:var(--bright-red)}.navbar{background-color:var(--background-primary);border-bottom:3px solid var(--link-default);border-top:3px solid var(--link-default);color:var(--text-primary);display:flex;flex-direction:column;font-family:Arial,sans-serif;padding:15px 0;position:sticky;top:0;width:100%;z-index:1000}.navbar-top{align-items:center;display:flex;justify-content:center;padding:0 20px}.slogan h1{color:#af1e2d;font-size:2rem;font-weight:700;margin:0}.navbar-title-link{color:#af1e2d;text-decoration:none;transition:color .3s ease}.navbar-title-link:focus,.navbar-title-link:hover{color:#ff4c4c}.feed-container{background-color:var(--gray-light);display:flex;flex-direction:column;min-height:100vh;padding:20px}.feed-content{display:flex;margin:0 auto;max-width:720px;width:100%}.feed-main{align-content:start;display:flex;flex:1 1;flex-direction:column;gap:24px}.feed-card{background-color:#fff;border:1px solid #000;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;margin:0 auto;overflow:hidden;transition:all .2s ease;width:100%}.feed-card.article{display:flex;flex-direction:row;height:160px}.feed-card.video{flex-direction:column}.feed-card:hover{border-color:var(--habs-red);box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.feed-thumbnail-wrapper{background:#fff;position:relative}.video .feed-thumbnail-wrapper{padding-top:56.25%;width:100%}.article .feed-thumbnail-wrapper{flex-shrink:0;width:160px}.feed-thumbnail{background:#fff;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.source-tag{background-color:#ffffffe6;border-radius:6px;font-size:12px;font-weight:500;left:12px;padding:4px 8px;position:absolute;top:12px}.play-button{align-items:center;background-color:#000000b3;border-radius:50%;display:flex;height:64px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .2s ease;width:64px}.feed-card:hover .play-button{background-color:var(--habs-red)}.play-icon{border-bottom:14px solid #0000;border-left:24px solid #fff;border-top:14px solid #0000;height:0;margin-left:4px;width:0}.feed-info{display:flex;flex-direction:column;flex-grow:1;padding:16px;text-align:left}.feed-title{font-size:16px;font-weight:600;line-height:1.4;margin-bottom:8px;max-height:2.8em;overflow:hidden;padding-right:1em;position:relative}.feed-meta{color:#666;font-size:14px;margin-top:auto}.author{font-weight:500}.separator{margin:0 6px}.loading-spinner{animation:fadeIn .3s ease forwards;height:40px;margin:60px auto;opacity:0;position:relative;width:40px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid var(--habs-red);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.feed-container{padding:16px}.feed-card.article{height:auto}.article .feed-thumbnail-wrapper{width:120px}}@media (max-width:480px){.feed-container{padding:12px}.article .feed-thumbnail-wrapper{width:100px}}.video-modal{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.video-modal-overlay{background:#0000;height:100%;position:absolute;width:100%}.video-modal-content{background:none;border-radius:0;max-width:1000px;overflow:hidden;padding:0;position:relative;width:90%}.video-modal iframe{border:none;height:80vh;width:100%}.video-modal-close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}@media (min-width:769px) and (max-width:1024px){.video-modal-content{width:95%}.video-modal iframe{height:70vh}.video-modal-close{font-size:1.3rem}}@media (max-width:768px){.video-modal-content{max-width:500px;width:100%}.video-modal iframe{height:60vh}.video-modal-close{font-size:1.2rem;right:8px;top:8px}}@media (max-width:480px){.video-modal-content{max-width:100%}.video-modal iframe{height:50vh}.video-modal-close{font-size:1rem;right:5px;top:5px}}.footer-container{background-color:#192168;bottom:0;color:#fff;font-family:Arial,sans-serif;margin-top:auto;padding:5px 10px;position:sticky;text-align:center;z-index:100}.footer-links{display:flex;gap:20px;justify-content:center;margin-top:20px}.footer-links a{color:#fff;font-size:.9rem;text-decoration:none}.footer-links a:hover{text-decoration:underline}.social-icons{display:flex;gap:15px;justify-content:center;margin-top:10px}.social-icons a{color:#fff;font-size:1.5rem;margin:0 10px;transition:color .3s ease}.social-icons a:hover{color:#ccc;transform:scale(1.1)}.social-icons svg{height:20px;width:20px}.copyright{color:#ccc;font-size:.8rem;margin-top:20px}@media (min-width:769px) and (max-width:1024px){.footer-container{padding:15px}.footer-links{gap:15px}.footer-links a{font-size:.85rem}.social-icons{gap:10px}.social-icons a{font-size:1.3rem;margin:0 8px}}@media (max-width:768px){.footer-container{padding:10px}.footer-links{flex-direction:column;gap:10px}.footer-links a{font-size:.8rem}.social-icons{gap:8px}.social-icons a{font-size:1.1rem;margin:0 5px}}@media (max-width:480px){.footer-container{padding:5px}.footer-links{gap:8px}.footer-links a{font-size:.75rem}.social-icons{gap:6px}.social-icons a{font-size:1rem;margin:0 4px}.copyright{font-size:.7rem;margin-top:15px}}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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.eb393460.css.map*/