.mainPage section{padding:0 6%;max-width:900px;margin:0 auto}.mainPage .headline{color:var(--text-color);text-decoration:none;display:flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content}.mainPage .headline:hover{text-decoration:underline}.mainPage .nonLink .headline:hover{text-decoration:none}.mainPage .headline h2{font-size:25px;font-weight:600}.mainPage .headline svg{height:16px;width:16px;margin-top:4px;fill:var(--text-color)}.mainPage .articles,.mainPage .collections{padding:20px 0 40px;display:flex;flex-direction:column;gap:20px}.mainPage .cardsDiv{padding:20px 0;display:flex;flex-direction:column;gap:20px}.mainPage .article .name{color:var(--text-color);font-size:18px;font-weight:500;margin-bottom:5px;line-height:1.4em}.mainPage .article:hover .name{text-decoration:underline}.mainPage .article .description{color:var(--grey);line-height:1.4em;margin-bottom:10px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.mainPage .article .date{color:var(--grey);font-size:15px}.mainPage .gallerySection{padding:0;max-width:100%}@media (max-width:550px){.mainPage .articles,.mainPage .collections{padding:20px 0 30px}.mainPage .gallerySection .headline,.mainPage section{padding:0 16px}.mainPage .headline{gap:4px}.mainPage .headline h2{font-size:18px}.mainPage .headline svg{height:12px;width:12px;margin-top:2px}.mainPage .article .name{font-size:14px}.mainPage .article .date,.mainPage .article .description{font-size:12px}}