@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";body{font-family:Inter,system-ui,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;box-sizing:border-box;margin:0;padding:0 0 0 8px;min-height:100vh;box-shadow:inset 0 10px 15px -10px #0000004d,inset 0 -10px 15px -10px #0000004d}#root{display:grid;grid-template:200px 2fr .1fr/ .4fr 2fr;gap:10px;height:100vh;max-width:100vw;overflow:clip;box-sizing:border-box;animation:3s reveal ease-in-out}@keyframes reveal{0%{opacity:0}50%{opacity:.5}to{opacity:1}}.pattern{position:fixed;width:100vw;height:100vh;background-color:#fff;opacity:0;background-image:repeating-radial-gradient(circle at 0 0,transparent 0,#ffffff 120px),repeating-linear-gradient(#0005,#000);z-index:-1;animation:5s show-and-hide infinite alternate ease-in-out}@keyframes show-and-hide{0%{opacity:0}to{opacity:.1}}header{grid-area:1 / 1 / 2 / 3;display:grid;grid-template-columns:.4fr 2fr}.logo{grid-column:1 / 2;display:flex;justify-content:flex-start;align-items:top;max-width:250px;padding-top:8px}.logo-image img{max-width:80px;display:flex;align-items:center}.logo-text{transform:translate(-20%);white-space:nowrap;color:#fff;-webkit-text-stroke:1px #F8F8F8;text-shadow:0px 1px 4px #000000;font-size:20px}.logo-text h1{margin:0;transform:translateY(30%)}.category-name{grid-column:2 / 3;max-height:60px;justify-self:center;align-self:start;font-size:1.5em;text-transform:capitalize;font-weight:500;border-bottom:1px solid black;transition:transform 1s ease-in-out}.category-name:hover{transform:translateY(20px)}nav{grid-area:2 / 1 / 3 / 2;border-radius:25px;max-width:250px;display:flex;flex-direction:column;gap:50px}.category{display:flex;justify-content:flex-start;align-items:center;gap:10px;border-bottom:1px solid black;transition:transform 1s ease-in-out}.category:hover{transform:translate(30px)}.category-icon img{max-width:50px}.category-title button{background-color:transparent;border:none;font-size:24px;font-weight:600;text-align:left}.category-title button:hover{animation:.5s shaking ease-in-out}@keyframes shaking{0%{transform:rotate(0)}25%{transform:rotate(1deg)}50%{transform:rotate(0)}75%{transform:rotate(-1deg)}to{transform:rotate(0)}}main{grid-area:2 / 2 / 3 / 3;display:flex;justify-content:space-evenly;align-items:top;padding:20px 0;gap:10px;overflow-y:auto}.loader{align-self:center;transform:translateY(-100px)}.container-first-news,.container-second-news{display:flex;flex-direction:column;justify-content:space-between;align-items:top;flex-basis:100%;gap:40px;height:100%}.news{background-color:#fff;box-sizing:border-box;max-width:720px;height:230px;display:flex;gap:20px;border-radius:25px;box-shadow:2px 2px 5px #737373;transition:transform 1s ease-in-out}.news:hover{transform:translateY(-20px)}.news-thumbnail{display:flex;justify-content:center;max-width:360px}.news-thumbnail img{width:360px;height:230px;object-fit:cover;border-top-left-radius:25px;border-bottom-left-radius:25px}.news-content{padding:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:left;overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}.news-title p{text-align:left;transform:translateY(-15%);color:#000;font-weight:600;font-size:20px;line-height:30px}.news-description p{text-align:left;transform:translateY(-15%);color:#0009;font-weight:400;font-size:16px;line-height:20px}a:link,a:visited{text-decoration:none}a:hover,a:active{text-decoration:underline;text-decoration-color:#000}footer{grid-area:3 / 1 / 4 / 3;place-self:center;padding-top:10px}@media (max-width: 1440px){#root{grid-template:200px 2fr .1fr / .2fr 2fr}nav{max-width:150px}main{justify-self:center;gap:40px}.news{max-width:500px;height:460px;display:flex;flex-direction:column;transform:scale(.9)}.news:hover{transform:translateY(-20px) scale(.9)}.news-thumbnail{max-width:500px;max-height:230px}.news-thumbnail img{width:500px;height:230px;object-fit:cover;border-radius:25px 25px 0 0}.news-content{width:500px;height:230px}.news-title p,.news-description p{width:490px}footer{grid-row:3/ 4;grid-column:1 / 3}}@media (max-width: 1200px){#root{grid-template-rows:.1fr .2fr .8fr .1fr;grid-template-columns:1fr;overflow:auto}header{grid-row:1 / 2;grid-column:1 / 2;grid-template-columns:1fr}.logo{max-width:100%;justify-content:center;transform:translate(10%)}.category-name{visibility:hidden;width:0;height:0;border:0}nav{max-width:100%;height:150px;grid-row:2 / 3;grid-column:1 / 2;flex-direction:row;justify-content:space-between;align-items:center;overflow-x:auto;scrollbar-width:thin;scrollbar-color:gray transparent}.category:hover{transform:translateY(-30px)}main{grid-row:3 / 4;grid-column:1 / 2;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:60px;overflow-y:clip}.container-first-news,.container-second-news{gap:60px}.news{transform:scale(1)}.news:hover{transform:translateY(-20px) scale(1)}.news-thumbnail{width:100%}.news-thumbnail img{min-width:100%;height:230px;object-fit:cover;border-radius:25px 25px 0 0}footer{grid-row:4 / 5;grid-column:1 / 2}}.lds-ellipsis,.lds-ellipsis div{box-sizing:border-box}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33.33333px;width:13.33333px;height:13.33333px;border-radius:50%;background:currentColor;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}