: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%)}.overlay{opacity:0;z-index:-1;transition:opacity .4s ease-out}.overlay.visible{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;z-index:1;transition:opacity .4s ease-out;opacity:1}.navbar{list-style-type:none;position:fixed;background-color:#fff;top:0;right:-100%;height:100vh;width:256px;padding:142px 24px 24px;display:flex;flex-direction:column;gap:12px;transition:right .5s ease-in-out;z-index:2}.open{right:0}.close-menu-li{display:flex;justify-content:end;padding-top:10px}.navbar a{font-size:17px;font-weight:500;text-decoration:none;color:var(--Very-dark-blue)}.navbar a:hover{color:var(--Soft-orange)}.header{position:fixed;background-color:var(--Off-white);display:flex;justify-content:space-between;align-items:center;height:60px;width:90%}.header-img{height:29px}.open-button{cursor:pointer;border-style:none;background-color:transparent;z-index:3}.main-article-container{margin-top:70px}.main-article{display:flex;flex-direction:column;margin:20px 0}.main-article-image{max-width:100%;height:auto;display:block;margin:0 auto}.main-title{flex:1 1 0;font-size:40px;font-weight:800;line-height:1;padding-bottom:20px;margin-right:10px}.main-content{flex:1 1 0}.main-content .main-paragraph{font-size:15px;color:var(--Dark-grayish-blue)}.main-content .main-button{margin-top:20px;background-color:var(--Soft-red);font-size:14px;padding:15px 0;width:175px;font-weight:800;border-style:none;letter-spacing:2px}.main-content .main-button:hover{cursor:pointer;background-color:var(--Very-dark-blue);color:var(--Off-white)}.new-container{background-color:var(--Very-dark-blue);color:var(--Off-white);padding:20px 20px 0;margin-top:50px;display:flex;flex-direction:column;justify-content:space-evenly}.new-container .new-title{font-size:2.6rem;color:var(--Soft-orange)}.new-article{padding:0 0 27px;border-bottom:1px solid var(--Dark-grayish-blue)}.new-article:last-child{border-bottom:none}.new-article p{color:var(--Grayish-blue);font-size:15px}.new-article h2:hover{margin:0;color:var(--Soft-orange);cursor:pointer}.article{display:flex;gap:15px;padding-bottom:24px}.article img{width:100px;object-fit:cover}.article strong{font-size:28px;color:var(--Soft-red)}.article h3{font-size:20px;font-weight:700}.article h3:hover{color:var(--Soft-orange);cursor:pointer}.article p{font-size:14px;color:var(--Dark-grayish-blue)}.article-container{margin-top:40px}@media screen and (min-width: 768px){.header{margin-top:4.3rem;margin-bottom:40px;position:relative;width:100%}.header-img{height:auto}.menu-hamburger{display:none}.main-article{display:flex;flex-direction:row}.main-title{font-size:50px;margin-right:50px}.main-content{flex:1 1 0;margin-left:-15px}.new-container{margin-top:0}.article-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;padding-top:25px}.close-menu-li,.overlay{display:none}.main-article-container{margin-top:0}.main-title{font-size:3.75rem}.main-content .main-paragraph{line-height:1.6}.navbar{position:static;background-color:transparent;justify-content:end;align-items:center;padding:0;display:flex;flex-direction:row;gap:0;height:auto}.open-button,.close-menu-li{display:none}.navbar a{font-size:15px;text-decoration:none;color:var(--Dark-grayish-blue);margin-left:40px}.navbar a:hover{color:var(--Soft-orange)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Inter;src:url(/assets/Inter-VariableFont_slnt_wght-ZO3WBJgw.ttf);font-weight:400 700 800}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif}.main{width:90%;margin:0 auto;overflow:hidden;max-width:1100px}@media screen and (min-width: 768px){.container{display:grid;grid-template-columns:2fr 1fr;gap:25px}}