@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500&family=Roboto:wght@500&display=swap";*{padding:0;margin:0;box-sizing:border-box}:root{--primary-text-color: #183b56;--secondary-text-color: #577592;--accent-color: #2294ed;--accent-color-dark: #1d69a3}body{font-family:Poppins,sans-serif;color:var(--primary-text-color)}p{font-family:Roboto,sans-serif;color:var(--secondary-text-color);line-height:1.4rem}a{text-decoration:none}ul{list-style:none}.flex{display:flex;align-items:center}.container{max-width:980px;margin-inline:auto;overflow:hidden}nav{background-color:#f3faff;box-shadow:0 0 4px #bbd0e2;position:fixed;top:0;z-index:99;left:0;right:0}.main-nav{justify-content:space-between;padding-block:8px}.company-logo img{width:120px;height:50px}.nav-links{gap:16px}.hover-link{cursor:pointer;color:var(--primary-text-color)}.hover-link:hover{color:var(--secondary-text-color)}.hover-link:active,.active{color:red}.search-bar{height:32px;gap:8px}.news-input{width:200px;height:100%;padding-inline:12px;border-radius:4px;border:2px solid #bbd082;font-family:Roboto,sans-serif}.search-button{background-color:var(--accent-color);color:#fff;padding:8px 24px;border:none;border-radius:4px;cursor:pointer;font-family:Roboto,sans-serif}.search-button:hover{background-color:var(--accent-color-dark)}main{padding-block:20px;margin-top:80px}.cards-container{justify-content:space-between;flex-wrap:wrap;row-gap:20px;align-items:start}.card{width:270px;min-height:400px;box-shadow:0 0 4px #d4ecff;border-radius:4px;cursor:pointer;background-color:#fff;overflow:hidden;transition:all .3s ease}.card:hover{box-shadow:1px 1px 8px #d4ecff;background-color:#f9fdff;transform:translateY(-2px)}.card-header img{width:100%;height:180px;object-fit:cover}.card-content{padding:12px}.news-source{margin-block:12px}.custom-loader-container{display:flex;justify-content:center;align-items:center;margin-inline:auto}.custom-loader{width:120px;height:22px;border-radius:40px;color:#766df4;border:4px solid;position:relative}.custom-loader:before{content:"";position:absolute;margin:4px;inset:0 100% 0 0;border-radius:inherit;background:#766DF4;animation:p6 1s infinite}@keyframes p6{to{inset:0}}@media (max-width: 768px){.container{padding:0 16px}.company-logo img{width:auto;height:40px}}@media (max-width: 500px){.card{width:92vw}.card-header img{height:280px;width:100vw}.search-bar{position:absolute;top:50px;margin-top:8px;margin-inline:18px}.custom-loader-container{height:50vh}}