body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--soft-orange:#e9ab53;--soft-red:#f15e50;--off-white:#fffdfa;--grayish-blue:#c5c6ce;--dark-grayish-blue:#5d5f79;--very-dark-blue:#00001a}@font-face{font-family:Inter;src:url(/news-homepage/static/media/Inter.aadb65ac45347ff46699.ttf)}.App{background-color:#fffdfa;background-color:var(--off-white);display:grid;font-family:Inter;grid-template-areas:". nav ." ". hero ." ". articles .";grid-template-columns:15% 70% 15%;grid-template-rows:150px 1fr 1fr;-webkit-user-select:none;user-select:none}.App .desktopMenu{align-items:center;display:flex;grid-area:nav;justify-content:space-between}.App .desktopMenu ul{display:flex;list-style:none}.App .desktopMenu ul li{color:#00001a;color:var(--very-dark-blue);font-size:15px;font-weight:400;margin-left:50px;transition:.2s ease-in-out}.App .desktopMenu ul li:hover{color:#e9ab53;color:var(--soft-orange);cursor:pointer}.App .mobileMenu{display:none}.hero{display:grid;grid-area:hero;grid-template-areas:"image image news" "heading description news";grid-template-columns:31% 31% 31%;grid-template-rows:300px 240px;justify-content:space-between}.hero .desktopImage{grid-area:image;height:100%;object-fit:cover;width:100%}.hero .mobileImage{display:none}.hero h1{color:#00001a;color:var(--very-dark-blue);font-size:58px;font-weight:800;grid-area:heading;margin:30px 0 0}.hero .heroDescription{display:flex;flex-direction:column;grid-area:description;justify-content:space-between;margin-top:30px}.hero .heroDescription p{color:#5d5f79;color:var(--dark-grayish-blue);font-size:15px;font-weight:400;line-height:150%}.hero .heroDescription button{background-color:#f15e50;background-color:var(--soft-red);border:none;color:#fffdfa;color:var(--off-white);font-family:Inter;font-size:13px;font-weight:400;height:50px;letter-spacing:4px;transition:.2s ease-in-out;width:50%}.hero .heroDescription button:hover{cursor:pointer}.hero .heroDescription button:active,.hero .news{background-color:#00001a;background-color:var(--very-dark-blue)}.hero .news{grid-area:news;padding:10px 40px 10px 30px}.hero .news h2{color:#e9ab53;color:var(--soft-orange);font-size:32px;font-weight:700}.hero .news h3{color:#fffdfa;color:var(--off-white);font-size:18px;font-weight:700;transition:.2s ease-in-out}.hero .news h3:hover{color:#e9ab53;color:var(--soft-orange);cursor:pointer}.hero .news p{color:#c5c6ce;color:var(--grayish-blue);font-size:15px;font-weight:400}.hero .news hr{border:1px solid #c5c6ce;border:1px solid var(--grayish-blue);margin:30px 0}.topArticles{display:grid;grid-area:articles;grid-template-columns:31% 31% 31%;grid-template-rows:100px;justify-content:space-between}@media only screen and (max-width:1390px){.App{grid-template-columns:2.5% 95% 2.5%;grid-template-rows:100px 1fr 1fr}.App .desktopMenu{display:none}.App .mobileMenu{align-items:center;display:flex;grid-area:nav;justify-content:space-between}.App .mobileMenu button{background-color:transparent;border:none}.App .mobileMenu span{align-items:flex-start;background-color:#fffdfa;background-color:var(--off-white);display:flex;flex-direction:column;height:100%;position:absolute;right:0;top:0;width:60%;z-index:10}.App .mobileMenu span button{align-self:flex-end;margin-right:10px;margin-top:30px}.App .mobileMenu span ul{list-style:none;margin-top:200px;padding:20px}.App .mobileMenu span ul li{margin-bottom:30px}.App .mobileMenu .overlay{background:#000;display:block;height:100%;opacity:.5;position:absolute;right:0;top:0;width:100%;z-index:2}.hero{grid-template-areas:"image" "heading" "description" "news";grid-template-columns:100%;grid-template-rows:auto}.hero .desktopImage{display:none}.hero .mobileImage{display:block;height:100%;object-fit:cover;width:100%}.hero h1{font-size:42px}.hero .news{margin-top:50px;padding-bottom:20px}.topArticles{grid-template-columns:100%;grid-template-rows:200px 200px 200px}}.Article_container__hGDQH{align-items:center;display:grid;grid-template-areas:"image . rank" "image . title" "image . description";grid-template-columns:25% 5% 60%;grid-template-rows:40px 50px 50px;margin-top:50px}.Article_container__hGDQH img{grid-area:image;height:100%;object-fit:cover;width:100%}.Article_container__hGDQH h2{color:var(--grayish-blue);font-size:32px;font-weight:700;grid-area:rank}.Article_container__hGDQH h3{color:var(--very-dark-blue);font-size:20px;font-weight:700;grid-area:title;transition:.2s ease-in-out}.Article_container__hGDQH h3:hover{color:var(--soft-orange);cursor:pointer}.Article_container__hGDQH p{color:var(--dark-grayish-blue);font-size:15px;font-weight:400;grid-area:description}
/*# sourceMappingURL=main.232f705f.css.map*/