ProfileHeader { display: flex; width: 100%; max-width: 700px; margin: 20px auto; div.image { width: 200px; max-height: 200px; padding: 5px; background: white; box-shadow: 0 0 10px #AAA; margin-right: 20px; img { width: 100% } } div.main { flex: 1 div.title { display: flex h1 { flex: 1 } div.meta { a { margin-left: 5px display: inline-block } } } section { -description { font-size: 120% max-height: 350px overflow: auto -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,1) 90%, rgba(0,0,0,0)); } -publicKey { pre { color: #b3b3b3; margin: 2px 0; font-size: 120%; background: #ffffff; padding: 3px; } } -distanceWarning { padding: 8px; border: 1px solid #ffc965; background: #ffebcc; margin: 5px 0; color: #8a6800; font-size: 110% h1 { font-size: 120% font-weight: bold margin: 0 color: #583805 } p { margin: 0 margin-top: 8px } } -mutualFriends { padding: 8px; background: #cfe9ff; margin: 5px 0; font-size: 110%; font-weight: bold; a { color: #003a5d; :hover { text-decoration: none color: #0188da } } } } } }