.main { align-items: center; flex-direction: column; } .main-title { width: 440px; } .lang { display: flex; justify-content: space-between; width: 55px; color: #d1d1d1; } .faq-content { width: 700px; color: #d1d1d1; margin-top: 25px; } .faq-content > .faq-note-theme { display: flex; align-items: center; font-size: 30px; cursor: pointer; user-select: none; margin-top: 20px; } .faq-content > .faq-note-content { font-size: 20px; border-left: 1px solid #d1d1d1; padding: 0 10px; margin-bottom: 10px; margin-left: 10px; background-color: #0004; } .faq-content > .faq-note-theme > .collapsed-icon { background: url(/img/chevron.svg); transform: rotate(90deg); width: 30px; height: 30px; background-size: cover; margin-right: 5px; display: inline-block; transition: transform 0.2s ease-in-out; } .faq-content > .faq-note-theme.collapsed > .collapsed-icon { transform: rotate(0deg); } span.list-spacing { width: 20px; display: inline-block; }