@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800&display=swap);:root{--soft-orange:#e9ab53;--soft-red:#f15e50;--off-white:#fffdfa;--grayish-blue:#c5c6ce;--dark-grayish-blue:#5d5f79;--very-dark-blue:#00001a;font-size:15px}*,:after,:before{box-sizing:border-box}body{font-family:Inter,sans-serif;height:100vh;width:100%}body,h1,h2,h3,p{margin:0;padding:0}.container{display:flex;flex-direction:column;gap:3rem;height:100vh;overflow-x:hidden;padding:2rem 1rem 4rem;position:relative;width:100%}@media only screen and (min-width:725px){.container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:.1fr 1fr;justify-content:space-between;padding:1rem 8rem}}.nav{align-items:center;display:flex;justify-content:space-between}.nav-logo{width:50px}.nav-links__btn{display:flex;position:relative;z-index:10}.nav-links__list{display:none}@media only screen and (min-width:725px){.nav{grid-column:1/end;grid-row:1}.nav-links__btn{display:none}.nav-links__list{color:var(--dark-grayish-blue);display:flex;flex-direction:row;gap:2.5rem;list-style:none}.nav-links__list li:hover{color:var(--soft-orange);cursor:pointer;transition:color .15s ease-in-out}}.nav-menu{background-color:#fff;height:100%;left:110%;position:fixed;top:0;width:100%;z-index:3}.--opened,.nav-menu{transition:left .3s ease-in-out}.--opened{left:30%}.nav-menu ul{display:flex;flex-direction:column;font-size:150%;gap:2rem;list-style:none;padding-top:10rem}.nav-menu__background{background-color:grey;height:100%;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:-1}.--gray,.nav-menu__background{transition:opacity .3s ease-in-out}.--gray{opacity:50%;z-index:2}.cover-container{display:flex;flex-direction:column;gap:1.5rem}.cover-container__image{background-image:url(/news-hp-fm-react/static/media/image-web-3-mobile.aff7a393740bc26b3651.jpg);background-position:50%;background-size:cover;height:300px;width:100%}.cover-container h1{color:var(--very-dark-blue);font-size:225%;font-weight:800}.cover-container__text{display:flex;flex-direction:column;gap:1rem}.cover-container__text p{color:var(--dark-grayish-blue);line-height:2rem}.cover-container__text button{background-color:var(--soft-red);border:none;color:#fff;height:3rem;letter-spacing:.25rem;outline:none;text-transform:uppercase;width:50%}@media only screen and (min-width:725px){.cover-container{display:grid;grid-column:1/3;grid-row:2;grid-template:repeat(1fr,2) /repeat(1fr,3);height:5rem}.cover-container__image{background-image:url(/news-hp-fm-react/static/media/image-web-3-desktop.988d05305d18140f188c.jpg);grid-column:1/3;grid-row:1}.cover-container h1{font-size:300%}.cover-container__text{display:flex;flex-direction:column;justify-content:space-between}.cover-container__text p{line-height:1.5rem}.cover-container__text button:hover{background-color:#000;cursor:pointer;transition:background-color .25s ease-in-out}}.new-container{background-color:var(--very-dark-blue);color:#fff;display:flex;flex-direction:column;padding:1rem}.new-container h2{color:var(--soft-orange);font-size:200%;padding:.5rem}.new-container__posts--post{border-bottom:1px solid #5d5f79;color:var(--grayish-blue);display:flex;flex-direction:column;line-height:2rem;padding:2rem .5rem}.new-container__posts--post h3{color:var(--off-white)}.new-container__posts--post:last-child{border-bottom:none}@media only screen and (min-width:725px){.new-container{grid-column:3/end;grid-row:2/3}.new-container h2{font-size:200%}.new-container__posts--post h3:hover{color:var(--soft-orange);cursor:pointer;transition:color .25s ease-in-out}.new-container__posts--post{padding:1rem .5rem}}.three-container{display:flex;flex-direction:column;gap:2rem;width:100%}.three-container__post{display:flex;gap:1.5rem;height:9rem}.three-container__post--img{width:7rem}.three-container__post--text-container{display:flex;flex-direction:column;gap:.75rem}.three-container__post--text-container h2{color:var(--grayish-blue);font-size:200%;font-weight:700}.three-container__post--text-container h3{color:var(--very-dark-blue);font-weight:800}.three-container__post--text-container p{color:var(--dark-grayish-blue)}@media only screen and (min-width:725px){.three-container{flex-direction:row;grid-column:1/end;grid-row:4}.three-container__post--text-container h3:hover{color:var(--soft-red);cursor:pointer;transition:color .25s ease-in-out}}
/*# sourceMappingURL=main.b33bcbdd.css.map*/