scoreboardentry { display: flex; flex-direction: column; flex-shrink: 0; .entry { width: 100%; height: 38px; align-items: center; justify-content: space-between; font-size: 14px; font-weight: 500; padding: 8px; height: 38px; .avatar { height: 25px; width: 25px; border-radius: 4px; } .name-label { margin-left: 8px; font-size: 16px; font-weight: 600; flex-grow: 1; } .stat { width: 125px; text-align: center; font-weight: 700; padding-left: 25px; padding-right: 25px; } &:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } } .dropdown { justify-content: center; transition: height 0.1s ease-out; transition: opacity 0.01s ease-out; height: 40px; .friend { color: #01f901; } .suspect { color: #b3b314; } .kill { color: #f30302; } .missing { color: #82be82; } &:intro { opacity: 0; height: 0px; } &:outro { opacity: 0; height: 0px; } } &:nth-child( odd ) { background-color: #0a0a0a66; } &:nth-child( even ) { background-color: #4b4b4b15; } &.me:nth-child(1) { background-color: #f2b42d1a; } }