:root{--SoftOrange: hsl(35, 77%, 62%);--SoftRed: hsl(5, 85%, 63%);--OffWhite: hsl(36, 100%, 99%);--GrayishBlue: hsl(233, 8%, 79%);--DarkGrayishBlue: hsl(236, 13%, 42%);--VeryDarkBlue: hsl(240, 100%, 5%);--MainFont: "Inter", sans-serif}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{max-width:800px;margin:0 auto;margin-top:5rem;padding:0;font-family:var(--MainFont)}@media (max-width: 420px){body{margin:0}}img{max-width:100%;height:auto}a{text-decoration:none;color:var(--DarkGrayishBlue)}h1,h2,h3,h4,p{margin:0}.header{align-items:center;display:flex;margin:2rem 0rem;justify-content:space-between}@media (max-width: 420px){.header{margin:30px 25px}}.logo{width:2.5rem}#menu{cursor:pointer}@media (min-width: 1250px){#menu{display:none}}#on-menu{display:none}@media (max-width: 420px){#on-menu{align-items:flex-start;background-color:var(--OffWhite);box-shadow:-10px 0 10px #0000001a;font-size:1.5rem;flex-direction:column;height:100vh;max-width:450px;top:0;padding:2rem;position:fixed;right:-0px;width:250px;z-index:999}}@media (max-width: 420px){#on-menu.active{display:flex}}#off-menu{cursor:pointer}.links a{color:var(--VeryDarkBlue);display:flex;flex-direction:column;margin-top:30px}.navi_link{font-size:12px;margin-left:1.5rem}.navi_link:first-child{margin:0}@media (max-width: 420px){.navi_link{display:none}}.navi_link:hover{cursor:pointer;color:var(--SoftRed)}.container{display:flex;gap:1rem}@media (max-width: 420px){.container{display:flex;flex-direction:column;margin:30px 25px}}.container__img{width:32.5rem}@media (max-width: 420px){.container__img{width:auto}}.container__info{display:flex;justify-content:space-between;margin:.5rem 0rem 1rem}@media (max-width: 420px){.container__info{flex-direction:column;gap:10px}}.container__topic{font-size:30px;font-weight:900;margin:0}.container__text{color:var(--DarkGrayishBlue);display:flex;flex-direction:column;font-size:11px;justify-content:space-between;line-height:1.5;margin:0 10px 0 0}@media (max-width: 420px){.container__text{font-size:17px}}.container__button{background-color:var(--SoftRed);border-style:none;border-radius:1px;font-weight:550;font-size:10px;height:1.8rem;letter-spacing:2px;text-transform:uppercase;width:7rem}@media (max-width: 420px){.container__button{font-size:15px;height:3rem;margin-top:15px;margin-bottom:20px;width:10rem}}.container__button:hover{background-color:var(--VeryDarkBlue);color:var(--OffWhite);cursor:pointer;font-weight:400}.news{background-color:#000;color:#fff;padding:15px;height:312px;overflow:hidden}@media (max-width: 420px){.news{height:auto;padding:30px}}.news__topic{color:var(--SoftOrange);margin-bottom:1rem}.news_info{margin-bottom:20px}.news__title{font-size:14px}.news__title:last-of-type{margin-bottom:0}.news__title:hover{cursor:pointer;color:var(--SoftOrange)}.news__text{font-size:11px;line-height:1.6;margin-top:3px}.article-container{display:flex;gap:20px;margin-top:15px}@media (max-width: 420px){.article-container{flex-direction:column;margin:30px 25px}}.article-container img{width:80px}.article__info{display:flex;gap:8px}.article__text{font-size:11px}.article__text__topic{font-size:20px;color:var(--SoftRed);margin-bottom:4px}.article__text__subtopic{font-weight:700;font-size:13px}.article__text__subtopic:hover{cursor:pointer;color:var(--SoftRed)}.article__text__para{color:var(--DarkGrayishBlue);font-size:12px;margin-top:7px}.attribution{color:#000;font-size:15px;margin-top:60px;text-align:center}@media (max-width: 420px){.attribution{margin-bottom:20px}}.attribution a{color:var(--SoftRed);font-weight:600}.line{border-bottom:1px solid var(--DarkGrayishBlue);display:block;margin-bottom:15px;height:2px;position:relative;width:auto}.line-break{display:block}@media (max-width: 420px){.line-break{display:inline}}