@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Public+Sans:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--fontFamily:"Public Sans";--fontSize:1.4rem;--footerColor: hsl(0, 0%, 98%);--infoColor:hsl(233, 8%, 62%);--headColor:hsl(233, 26%, 24%);--headerBg:hsl(0, 100%, 100%);--aboutBg:hsl(220, 16%, 96%);--homeBg:hsl(0, 0%, 98%);--buttonBg: linear-gradient(hsl(136, 64%, 51%), hsl(192, 69%, 51%));--buttonHover:linear-gradient(hsla(136, 64%, 51%, .737), hsla(192, 69%, 51%, .753));--footerHover:hsl(136, 64%, 51%)}body{font-family:var(--fontFamily);font-size:var(--fontSize);color:var(--infoColor);background:var(--homeBg);padding-top:70px;overflow-x:hidden}h2{color:var(--headColor)}img{display:block;max-lines:100%}button{font-family:var(--fontFamily);font-weight:600;color:var(--footerColor);background:var(--buttonBg);padding:10px;border:none;border-radius:20px;font-size:1.2rem;transition:.3s}button:hover{background:var(--buttonHover);cursor:pointer;box-shadow:2px 2px 5px var(--headColor)}.head{color:var(--headColor);margin-bottom:30px;font-size:3rem;line-height:60px}.grids{max-inline-size:1400px;margin-top:20px;display:grid;gap:25px;font-size:1.1rem}@media (width>850px){.grids{grid-template-columns:repeat(4,1fr)}}.grids p{line-height:30px;text-align:center}header{min-height:70px;display:flex;justify-content:space-between;align-items:center;padding-left:15%;padding-right:10%;padding-block:15px;font-size:1.1rem;background-color:var(--aboutBg);position:fixed;top:0;left:0;inline-size:100%;z-index:10;box-shadow:1px 1px 10px var(--headColor)}@media (width<850px){header{padding-left:0%;padding-right:5%}}.hamburger{display:none;cursor:pointer;transition:all .4s ease-in-out}@media (width<850px){.hamburger{display:block}}.bar{height:3px;width:27px;background:var(--headColor);margin:5px 0;border-radius:5px;transition:all .4s ease-in-out}.hamburger.showNav .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.showNav .bar:nth-child(2){opacity:0}.hamburger.showNav .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (width<850px){header button{display:none}}.nav{display:flex;list-style:none;gap:40px;align-items:center;transition:all .5s ease-in-out}@media (width<850px){.nav{position:fixed;top:70px;background-color:var(--aboutBg);width:100%;display:block;text-align:center;line-height:40px;padding-bottom:20px;transform:translate(-110%)}}.nav.showNav{transform:translate(0)}.nav li{position:relative}.nav li:hover{cursor:pointer;font-weight:600;color:var(--headColor)}.nav li:before{content:"";height:4px;background:var(--buttonBg);width:0;position:absolute;bottom:-100%;transition:.4s;pointer-events:none}.nav li:hover:before{width:100%}.overlay{position:fixed;inset:0;background-color:#00000095;z-index:5;opacity:0;transition:opacity .5s ease-in-out}.overlay.shown{opacity:1}.intro{padding-left:15%;display:flex;justify-content:space-between;align-items:center;overflow-x:hidden}@media (width<850px){.intro{flex-wrap:wrap-reverse;justify-content:center;padding-left:6%;text-align:center}}.intro .mobile{display:none;max-inline-size:150%}.intro .desktop{transform:translate(25%,-10%);z-index:1;position:relative}@media (width<850px){.intro .desktop{display:none}.intro .mobile{display:block;transform:translate(-10%)}}.intro .mock{position:absolute;z-index:2;transform:translate(40%,-125%);block-size:90%;max-inline-size:800px}@media (width<850px){.intro .mock{transform:translate(5%,-110%);block-size:40%;max-inline-size:90%}}.intro button{margin-block:40px}.about{padding-left:15%;padding-right:7%;background:var(--aboutBg);padding-bottom:30px}@media (width<850px){.about{padding-left:6%;padding-right:2%}}.about img{margin:0 auto}.about .head{margin-top:100px;font-size:2rem}.about p{margin-bottom:40px}.minHead{color:var(--headColor);margin-block:30px;font-size:1.4rem}.articles{padding-left:15%;padding-right:7%;margin-block:90px;border-radius:20px;background:var(--footerColor)}@media (width<850px){.articles{padding-left:6%;padding-right:2%}}.articles .grids div{background:var(--homeBg);overflow:hidden;transition:.3s ease-in-out;border-radius:20px;box-shadow:1px 1px 5px var(--headColor)}.articles .grids p{padding:15px}.articles .grids div img{inline-size:100%;transition:.5s ease-in-out;overflow-clip-margin:content-box;overflow:clip;margin-bottom:20px;block-size:200px;display:flex}@media (width<850px){.articles .grids div img{margin:0 auto}}.articles .grids div img:hover{transform:scale(1.05)}.minH{color:var(--headColor);font-size:1.4rem}.footer{background:var(--headColor);display:flex;align-items:center;justify-content:space-between;padding:40px 15px 15px 15%;line-height:40px}@media (width<850px){.footer{display:block;text-align:center;padding-left:6%}}.footer img{margin-bottom:40px}.footer p{color:var(--footerColor);font-size:1.15rem}.footer p:hover{color:var(--footerHover);cursor:pointer}.footer button{margin-bottom:30px}@media (width<850px){.footer button{width:100%;margin:0 auto}}.socials{display:flex;gap:20px}svg{inline-size:40px;fill:var(--footerColor)}svg:hover{cursor:pointer;fill:var(--footerHover)}.footer span{color:var(--footerColor);font-size:1rem;display:block}