@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Poppins,serif;font-weight:400;font-style:normal;background-color:#fff}header{height:20vh;background-color:#000}nav{display:flex;align-items:center;justify-content:space-around}nav img{height:7rem}nav img:hover{transform:scale(1.1);transition:.3s ease-in-out;cursor:pointer}nav ul{display:flex;gap:2rem}nav ul a{text-decoration:none;color:gray;font-weight:500;cursor:pointer}nav ul a:hover{color:red;transform:scale3d(1.2,1.2,1);transition:.3s ease-in-out}nav ul a:active{color:green}.selected{color:#fff;font-weight:700;text-decoration:underline;transition:.3s ease-in}nav ul li{list-style:none;font-size:1.3rem}.search input{width:20rem;height:2.2rem;font-family:Poppins,serif;font-weight:500;font-size:1.2rem;padding:1rem;border:.2rem solid transparent;border-radius:2rem}.search input:hover{background-color:#f5f5f5;transition:.3s ease-in-out;transform:scale3d(1,1.1,1)}.search button{height:2.3rem;width:6rem;font-size:1.2rem;background-color:#87ceeb;color:#fff;margin-left:.2rem;border:.1rem solid transparent;border-radius:2rem}.search button:hover{background-color:#a4e4fd;transition:.3s ease-in-out;transform:scale3d(1.1,1.1,1)}.search button:active{color:red}.container{background-color:#000}.card{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin:1.2rem 0rem;padding:4rem}.card-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.8rem;width:25rem;height:35rem;padding:2rem;background-color:#f5f5f5;color:#000;border:.2rem solid transparent;border-radius:4rem;cursor:pointer}.card-content:hover{background-color:#d1cdcdf2;transition:.5s ease-in-out}.card-content img{width:80%;margin:1.2rem}.card-content img:hover{transform:scale3d(1.1,1.1,1);transition:.3s ease-in-out}.title{font-size:1.3rem;font-weight:900}.title:hover{transform:scale3d(1.1,1.1,1.8);transition:.4s ease-in-out;color:red}.news-source{font-size:1rem;color:#df3e3e}.news-desc{font-size:1.1rem;color:#000000a3;font-weight:700}.news-desc:hover{color:#000;text-decoration:underline;transform:scale3d(1.1,1.1,1);transition:.3s ease-in-out}@media (max-width: 1380px){header{height:20rem}nav img{height:10rem}nav{justify-content:space-evenly;flex-direction:column;gap:2rem}.card{grid-template-columns:repeat(2,1fr);gap:5rem}.card-content{width:30rem}}.scrollupButton{position:fixed;bottom:2rem;right:1.5rem;width:4rem;height:4rem;background-color:#87ceeb;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:2rem}@media (max-width: 1084px){.card{gap:3rem}.card-content{width:22rem}}@media (max-width: 820px){.card{gap:2rem}.card-content{width:18rem}}@media (max-width: 580px){header{height:30rem}nav{flex-wrap:wrap}nav input{width:15rem}ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:1rem}.search{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem}.card{grid-template-columns:repeat(1,1fr);justify-content:center;align-items:center}}