.first-post{width:100%}@media screen and (min-width:640px){.first-post h3 a,.first-post h3 a:hover{font-family:inherit;font-size:32px}.first-post .blog-index__post-content{align-items:center;display:flex;justify-content:center}}.first-post .blog-index__post-content{align-content:center;display:grid}@media screen and (min-width:640px){.first-post{display:flex}}.modal-gate-overlay{background-color:rgba(0,0,0,.7);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal-gate-content{background-color:#fff;border-radius:8px;margin:10% auto;max-width:500px;padding:30px;position:relative;width:90%}.close-gate{cursor:pointer;font-size:24px;position:absolute;right:15px;top:10px}