.articles-page{margin:0}.article-title{color:#474646;text-align:center;position:relative;margin-top:10vh}.article-title:after{content:"";display:block;margin:0 auto;width:50%;height:1px;background:#474646;position:absolute;bottom:-20px;left:0;right:0}.article-container{width:100vw}.article-preview{margin:50px 20vw;width:60vw}.link-to-pagenation{text-decoration:none;color:#474646}.article-date{font-size:16px;padding:0 2vw}.article-contents-title{overflow:hidden;height:40px;padding:0 2vw}.article-contents-title h2{font-size:22px;line-height:40px;margin:0}.article-contents{height:480px;overflow:hidden;margin-bottom:40px}.link-to-pagenation p{font-size:18px;line-height:20px;padding:0 2vw;margin:10px 0 0}.link-to-pagenation figure{margin:0;width:100%;height:430px;overflow:hidden}.link-to-pagenation img{object-fit:cover;width:100%;height:430px;padding:0;margin:0;transition:transform .3s ease}.link-to-pagenation img:hover{transform:scale(1.03)}.pagination{display:flex;justify-content:center;align-items:center;margin:2em 0}.pagination-button{font-size:17px;text-decoration:none;margin:.5em;color:#474646}.pagination-button:hover{color:#a6a6a6}@media (max-width: 1024px){.article-preview{margin:50px 10vw;width:80vw}}@media (max-width: 768px){.article-title{text-align:center;margin-top:15vh}.article-title:after{display:none}.article-preview{margin:50px 1vw;width:98vw}.article-contents-title{padding:0 1vw}.article-contents-title h2{font-size:20px}.article-contents{height:280px}.link-to-pagenation figure{height:230px}.link-to-pagenation img{height:230px}.link-to-pagenation p{font-size:17px;padding:0 1vw}}