@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{line-height:1.4;font-weight:300;font-family:Roboto,sans-serif}button{padding:10px 15px;border:none;transition:.2s ease-in-out}button:hover{opacity:.8;transition:.2s ease-in-out}.container{max-width:1200px;margin:0 auto}@media (max-width: 786px){.hero{flex-direction:column}.hero_image{display:flex;justify-content:center}.hero_image img{width:80%}.hero_content{gap:10px;padding:0 20px}.hero_content h1{font-size:32px}.features,.feature{flex-direction:column}.grid{padding:10px}.grid-image{border-radius:0}.footer_container{flex-direction:column}}nav{box-shadow:5px 5px 5px #0101010d;position:sticky;top:0;margin-bottom:32px;background:white;padding:10px;z-index:50}.navigation{display:flex;justify-content:space-between;align-items:center}.bar_icon{font-size:32px}.link{text-decoration:none;color:green;font-weight:500}.link:hover{color:#47e447;transition:all .5s}.hero{display:flex;gap:100px;justify-content:center;align-items:center}.hero_content{display:flex;flex-direction:column;gap:20px}.tag{background-color:#149f39;padding:5px 10px;color:#fff;align-self:flex-start}.hero_content h1{font-size:72px;line-height:1.2;font-weight:400}.explore_btn{background-color:#23d252;align-self:flex-start;padding:10px 20px;text-decoration:none;color:#000;border-radius:20px;font-weight:400;transition:all .3s}.explore_btn:hover{background-color:#119811;transition:all .3s}.features{margin-top:100px;display:flex;gap:20px;justify-content:center;margin-bottom:50px}.feature{display:flex;gap:20px;padding:20px;transition:.2s ease-in-out}.feature img{width:72px}.feature:hover{transition:.2s ease-in-out;box-shadow:5px 5px 5px #0101010d}.divider{border:1px solid #ccc;margin:20px 0}.menu{display:flex;flex-direction:column;gap:50px;margin:50px 0;align-items:center}.menu .tag{align-self:center;border-radius:20px;text-decoration:none;padding:10px 20px;transition:all .3s}.tag:hover{background-color:#1f7136;transition:all .3s}.grid-image{border-radius:10px;transition:.2s ease-in-out;width:100%;height:100%}.grid-image:hover{transform:scale(1.05);transition:.2s ease-in-out}.grid{display:grid;gap:10px;grid-template-areas:"I1 I1 I2 I3" "I1 I1 I2 I7" "I4 I5 I6 I7"}.item1{grid-area:I1}.item2{grid-area:I2}.item3{grid-area:I3}.item4{grid-area:I4}.item5{grid-area:I5}.item6{grid-area:I6}.item7{grid-area:I7}footer{background-color:#fff0db}.link_lists h3{margin-bottom:10px;color:gray}.link_lists ul{list-style:none}.link_lists ul li{font-size:16px;margin-bottom:5px}.news_letter h3{margin-bottom:10px;color:gray}.news_letter input{padding:5px 40px;margin-bottom:10px}.footer_container{padding:30px;display:flex;justify-content:space-between}.icon_container{display:flex;gap:15px;font-size:32px}.categories{display:flex;gap:50px;justify-content:center}.categories button{margin:0 20px 10px}.categories button:hover{cursor:pointer;background-color:red;color:#fff;border-radius:20px}.search input{border-radius:5px;font-size:16px;height:40px;border:1px solid red;padding:0 10px}.card{display:flex}