@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Comfortaa:wght@300..700&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;outline:none;text-decoration:none;font-family:Kanit,sans-serif}html{font-size:62.5%}.container{width:100%;height:100vh;background:linear-gradient(to right,#b88efc,#6877f4);display:grid;place-items:center}@media (max-width: 500px){html{font-size:55%}}@media (max-width: 400px){html{font-size:45%}}.news-app{width:clamp(35rem,90cqi,100rem);height:94vh;background-color:#060709;border-radius:1rem;display:flex;flex-direction:column;align-items:space-between;row-gap:2rem;box-shadow:0 2rem 3rem #00000080}.news-header{width:100%;min-height:7rem;background-color:#111214;border-radius:1rem 1rem 0 0;display:flex;align-items:center;padding:0 2rem}.logo{font-family:Bebas Neue,sans-serif;font-size:4.5rem;color:#ddd;letter-spacing:.2rem}.news-content{display:flex;column-gap:2rem;height:calc(100% - 16rem);padding:0 2rem}.navbar{width:20%;height:100%;background-color:#111214;display:flex;flex-direction:column;row-gap:3rem;border-radius:1rem;padding:2rem}.categories{display:flex;flex-direction:column;row-gap:2rem}.nav-heading{font-family:Bebas Neue,sans-serif;font-size:3rem;color:#ddd;letter-spacing:.2rem}.nav-link{font-size:1.5rem;font-weight:300;color:#ddd;text-transform:uppercase;letter-spacing:.1rem}.news-section{width:80%}.headline{width:100%;height:calc(44% - 2rem);border-radius:1rem;margin-bottom:.2rem;cursor:pointer;position:relative}.headline img{width:100%;height:100%;object-fit:cover;border-radius:1rem;opacity:.6}.headline-title{width:100%;position:absolute;left:0;bottom:0;padding:1rem 4rem 1rem 1rem;font-family:Bebas Neue,sans-serif;font-size:2.7rem;color:#fff;letter-spacing:.1rem;background-color:#000000b3;border-radius:0 0 1rem 1rem}.news-grid{width:100%;height:60%;background-color:#111214;border-radius:1rem;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:.4rem;padding:.6rem;justify-items:center;align-items:center}.news-grid-item{width:100%;height:100%;min-height:15rem;border-radius:1rem;cursor:pointer;position:relative}.news-grid-item img{width:100%;height:96%;object-fit:cover;border-radius:1rem;opacity:.5rem}.news-grid-item h3{width:100%;position:absolute;left:0;bottom:0;padding:1rem 3rem 1rem 1rem;font-family:Bebas Neue,sans-serif;font-size:1.6rem;font-weight:300;line-height:1.4rem;color:#fff;background-color:#000000b3;border-radius:0 0 1rem 1rem}footer{width:100%;min-height:5rem;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background-color:#111214;border-radius:0 0 1rem 1rem}footer p{font-size:1.4rem;font-weight:300;color:#bbb}.copyright span{font-family:Bebas Neue,sans-serif;font-size:2rem}@media (max-width: 1400px){.logo{font-size:3.5rem}.categories{row-gap:2rem}.news-section{overflow:hidden}.news-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);overflow-y:scroll}.news-grid::-webkit-scrollbar{display:none}}@media (max-width: 900px){.news-content{flex-direction:column;width:100%;row-gap:2rem}.navbar{flex-direction:row;justify-content:center;flex-wrap:wrap;width:100%;height:15rem;row-gap:0}.news-section{width:100%}.categories{flex-direction:row;flex-wrap:wrap;justify-content:center}.nav-link{margin-right:2rem}.news-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);overflow-y:scroll}.nav-heading{margin-bottom:1rem}}@media (max-width: 500px){.navbar{height:20rem}.headline-title{font-size:2rem}.news-grid{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(6,1fr)}footer{min-height:8rem;flex-direction:column;justify-content:center;row-gap:1rem}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{width:90%;max-width:60rem;height:auto;max-height:86%;background-color:#111214;padding:4rem;border-radius:1rem;box-shadow:0 0 5rem #00000080;position:relative}.close-button{position:absolute;top:1rem;right:2rem;font-size:2rem;color:#fff;cursor:pointer}.modal-image{width:100%;height:auto;max-height:30rem;object-fit:cover;border-radius:1rem;opacity:.5rem}.modal-title{font-family:Bebas Neue,sans-serif;font-size:2rem;color:#fff;letter-spacing:.1rem;margin-top:2rem}.modal-source,.modal-date{font-family:Comfortaa,sans-serif;font-size:1rem;color:#bbb;margin-top:1rem}.modal-content-text{font-size:1.4rem;color:#ddd;margin-top:1.4rem;line-height:1.4}.read-more-link{width:12rem;display:inline-block;background:linear-gradient(to right,#b88efc,#6877f4);margin-top:1.7rem;padding:.8rem 1rem;color:#fff;text-align:center;font-size:1.3rem;text-transform:uppercase;border-radius:10rem}.read-more-link:active{transform:translateY(.1rem)}@media (max-width: 500px){.modal-content{width:80%}}