html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Inter;src:url(./fonts/Inter-VariableFont_slnt,wght.ttf)}:root{--soft-orange: hsl(35, 77%, 62%);--soft-red: hsl(5, 85%, 63%);--off-white: hsl(36, 100%, 99%);--grayish-blue: hsl(233, 8%, 79%);--dark-grayish-blue: hsl(236, 13%, 42%);--very-dark-blue: hsl(240, 100%, 5%);--font-scaling: 1.25;--burger-line-distance: 7px;--burger-icon-size: 40px}body{font-size:15px;font-family:Inter,sans-serif;background-color:var(--off-white);display:grid;justify-content:center}body *{display:grid;justify-items:start}main{width:345px;margin-bottom:55px;gap:2rem}h1{font-size:calc(32px * var(--font-scaling));font-weight:800;width:90%}h2{font-size:calc(25px * var(--font-scaling));font-weight:700;color:var(--soft-orange)}h3{font-size:20px;font-weight:800;color:var(--off-white)}h3:hover{cursor:pointer}@media (min-width: 770px){main{width:730px;grid-template-columns:repeat(2,1fr);row-gap:3rem}}@media (min-width: 1150px){main{width:1110px;grid-template-columns:repeat(3,1fr)}}.headline-article,.headline-article div{gap:2rem}.headline-article .hero-image{width:100%;height:100%;object-fit:cover}.headline-article p{color:var(--dark-grayish-blue)}.headline-article .button{color:var(--off-white);font-weight:400;letter-spacing:4px;background-color:var(--soft-red);width:185px;height:50px;justify-content:center;align-content:center;cursor:pointer}.headline-article .button:hover{background-color:var(--very-dark-blue)}@media (min-width: 770px){.headline-article{grid-template-columns:repeat(2,1fr);grid-column:span 2}.headline-article .hero-image{grid-row:span 2}}@media (min-width: 1150px){.headline-article{width:730px;grid-column:span 2;grid-template-columns:repeat(2,1fr)}.headline-article .hero-image{height:300px;object-fit:cover;grid-column:span 2}h1{font-size:calc(40px * var(--font-scaling))}}.new-articles section div p{color:var(--grayish-blue);line-height:1.5rem}.new-articles hr{width:100%;height:1px;background-color:var(--dark-grayish-blue);border:0px}.new-articles h3:hover{color:var(--soft-orange)}.new-articles{background-color:var(--very-dark-blue);padding:30px 20px;margin-top:2rem;margin-bottom:2rem;gap:2rem}.new-articles section{gap:1.5rem}.new-articles section div{gap:.5rem}@media (min-width: 770px){.new-articles{margin-top:0;margin-bottom:0;height:auto}}@media (min-width: 1150px){.new-articles{margin:0;padding:40px 25px}}.page-header{grid-template-columns:repeat(2,1fr);width:100%;position:sticky;top:0;background-color:var(--off-white);height:80px;align-content:center}.page-header nav{justify-self:end}.page-header nav a{color:var(--grayish-blue);text-decoration:none}.page-header .logo{height:30px;width:auto}.page-overlay{position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:var(--very-dark-blue);opacity:.4;transition:all .4s ease;visibility:hidden}.toggler{z-index:3;height:var(--burger-icon-size);width:var(--burger-icon-size);position:absolute;cursor:pointer;margin:0;opacity:0}.hamburger{z-index:2;height:var(--burger-icon-size);width:var(--burger-icon-size);display:flex;align-items:center;justify-content:center}.hamburger>div{position:relative;top:0;right:0;background:var(--very-dark-blue);height:3px;width:100%;transition:all .4s ease}.hamburger>div:before,.hamburger>div:after{content:"";position:absolute;top:calc(-1 * var(--burger-line-distance));background:var(--very-dark-blue);width:100%;height:3px;transition:all .4s ease}.hamburger>div:after{top:var(--burger-line-distance)}.toggler:checked~.hamburger>div{background:rgba(0,0,0,0)}.toggler:checked~.hamburger>div:before{top:0;transform:rotate(45deg);background:var(--very-dark-blue)}.toggler:checked~.hamburger>div:after{top:0;transform:rotate(135deg);background:var(--very-dark-blue)}.menu{background:var(--off-white);width:0%;height:100vh;position:fixed;top:0;right:0;transition:all .4s ease}.toggler:checked~.menu{width:70%}.menu>div>ul{display:flex;flex-direction:column;position:fixed;gap:1rem;top:150px;padding-left:10px;visibility:hidden}.menu>div>ul>li{list-style:none;padding:.5rem}.menu>div>ul>li>a{color:var(--very-dark-blue);text-decoration:none;font-size:1.1rem}.toggler:checked~.menu>div>ul{transition:visibility .4s ease;transition-delay:.1s;visibility:visible}.toggler:checked~.menu>div>ul>li>a:hover{color:var(--soft-red)}@media (min-width: 770px){.page-header{margin:65px 0 55px;height:60px;align-content:end;width:730px}.page-header .logo{height:40px}.toggler,.hamburger{display:none}.menu{position:static;width:auto;height:auto;top:auto;right:auto}.menu>div>ul{display:flex;flex-direction:row;position:static;gap:1rem;top:auto;padding-left:0;visibility:visible;align-items:end}.menu>div>ul>li>a:hover{color:var(--soft-red)}}@media (min-width: 1150px){.page-header{width:100%}}.ranked-articles{gap:2rem}.ranked-articles li{height:130px;gap:1.5rem;grid-template-columns:auto 1fr}.ranked-articles li img{height:inherit}.ranked-articles h3{color:var(--very-dark-blue);font-size:1.1rem;align-content:center}.ranked-articles h3:hover{color:var(--soft-red)}.ranked-articles li>div div{color:var(--grayish-blue);font-size:2rem;font-weight:700}.ranked-articles li>div p{color:var(--dark-grayish-blue)}@media (min-width: 770px){.ranked-articles{align-content:space-between}}@media (min-width: 1150px){.ranked-articles{grid-template-columns:repeat(3,1fr);grid-column:span 3;margin-top:40px}}