.post,.posts,.post .info .button{position:relative}.post .info .button:after{position:absolute}.post .info h2 a,.post .info .button{display:inline-block;zoom:1}.post .image-wrapper img,.post .image-wrapper,.main-content .sidebar nav a{display:block}.post,.posts,.main-content .sidebar nav a,.main-content,.post .info .button{box-sizing:border-box}.posts{container-type:inline-size}.post .info .button{text-align:center}.post .info h3,.post .info .button{text-transform:uppercase}.posts,.main-content,.post{display:flex;flex-wrap:wrap}.post{justify-content:space-between}.post,.main-content{align-items:flex-start}.post .info .button{font-family:"Poppins",sans-serif}.post .info .button{font-weight:bold;transition:background-color 250ms,color 250ms;padding:1.1em 1.2em .9em;border:none;cursor:pointer;min-width:220px;overflow:hidden}.post .info .button:after{top:0;height:50px;width:25px;right:-30px;content:"";z-index:1000;transform:skew(45deg)}.post .info .button{color:#fff;background-color:#85c346}.post .info .button:after{background-color:#005273}.post .info .button:hover{color:#fff;background-color:#9ecf6d}.post .info .button:active{background-color:#6ba234}@media screen and (min-width: 1441px){.main-content{padding-left:10%;padding-right:10%}}@media screen and (min-width: 761px)and (max-width: 1440px){.main-content{padding-left:8%;padding-right:8%}}@media screen and (max-width: 760px){.main-content{padding-left:6%;padding-right:6%}}@media screen and (min-width: 1920px){.main-content .sidebar nav h2{font-size:2em}}@media screen and (min-width: 1200px)and (max-width: 1919px){.main-content .sidebar nav h2{font-size:2em}}@media screen and (min-width: 451px)and (max-width: 1199px){.main-content .sidebar nav h2{font-size:1.5em}}@media screen and (max-width: 450px){.main-content .sidebar nav h2{font-size:1em}}@media screen and (min-width: 1920px){.main-content .notification{font-size:1.5em}}@media screen and (min-width: 1200px)and (max-width: 1919px){.main-content .notification{font-size:1.4em}}@media screen and (min-width: 451px)and (max-width: 1199px){.main-content .notification{font-size:1.2em}}@media screen and (max-width: 450px){.main-content .notification{font-size:1em}}@media screen and (min-width: 1920px){.main-content .sidebar nav a,.post .info p,.post .info h3,.post .info time,.post .info h2 a,.post .info .button{font-size:1.1em}}@media screen and (min-width: 1200px)and (max-width: 1919px){.main-content .sidebar nav a,.post .info p,.post .info h3,.post .info time,.post .info h2 a,.post .info .button{font-size:1.05em}}@media screen and (min-width: 451px)and (max-width: 1199px){.main-content .sidebar nav a,.post .info p,.post .info h3,.post .info time,.post .info h2 a,.post .info .button{font-size:1em}}@media screen and (max-width: 450px){.main-content .sidebar nav a,.post .info p,.post .info h3,.post .info time,.post .info h2 a,.post .info .button{font-size:.95em}}.post .info h2 a,.main-content .notification,.main-content .sidebar nav h2{font-weight:bold;margin-bottom:1.3em;line-height:1.4em}.post .info p,.post .info h3,.post .info time{font-weight:normal;line-height:1.7em}.post .info p,.post .info h3,.post .info time{margin-bottom:1.5em}.hero{background-image:url("../images/hero.webp")}.main-content{width:100%}.main-content .sidebar{width:20%}.main-content .sidebar nav{margin-bottom:4em}.main-content .sidebar nav a{width:100%;color:#223841;padding:.8em 1em;border-top:1px solid #9fd765}.main-content .sidebar nav a:hover{color:#85c346}.main-content .notification{color:#005273}.posts{width:80%;padding-right:7.5%;container-name:posts}.post{width:100%;margin-bottom:6em}.post .info{width:100%}.post .info h2 a{color:#223841;margin-bottom:.5em}.post .info h2 a:hover{color:#85c346}.post .info h3{color:#85c346;margin-bottom:.8em}.post .info time{width:100%;color:#223841}.post .info p{width:90%}.post .image-wrapper{width:100%;margin-bottom:1em}.post .image-wrapper img{width:100%}.post .image-wrapper:hover{opacity:.8}@container posts (min-width: 40em){.post .info{width:60%}.post .image-wrapper{width:30%}}@media screen and (max-width: 800px){.posts,.main-content .sidebar{width:100%}}
