body {
    background-color: black;
}
* {
    color: white;
    box-sizing: border-box;
}
.squad-container {
    height:80vh;

    display:flex;
    justify-content:flex-start;
    align-items:flex-start;

    cursor: crosshair;
}

.round-1 {
    height:100%;
    width:24vw;

    display:flex;
    flex-direction:column;
    justify-content:space-around;

    background-color:#333;
	font-size: 1em;
}
.round-1 div { padding: 10px }

.round-2 {

    height:100%;
    width:36vw;
    display:flex;
    flex-direction:column;
    justify-content:space-around;

    background-color:#222;
    font-size:1.5em;
}
.round-2 div { padding: 20px }

.rankings {
    height:100%;
    width:36vw;

    display:flex;
    flex-direction:column;
    justify-content:center;

    background-color:#111;
    font-size:2em;
}
.rankings div { padding: 30px }

.round-1:hover div li .title { text-shadow: 1px 3px #000; }

.round-1:hover div li:nth-child(1)  {  }
.round-1:hover div li:nth-child(2)  {  }
.round-1:hover div li:nth-child(3) * { color: #600; }
.round-1:hover div li:nth-child(4) * { color: #600; }

.round-1:hover div li:nth-child(1) .title { color: #ff3; }
.round-1:hover div li:nth-child(2) .title { color: #ff9; }
.round-1:hover div li:nth-child(3) .title { color: #f33; }
.round-1:hover div li:nth-child(4) .title { color: #f33; }

.round-1:hover div li:nth-child(1) .artists { color: #999; }
.round-1:hover div li:nth-child(2) .artists { color: #999; }
.round-1:hover div li:nth-child(3) .artists { color: #666; }
.round-1:hover div li:nth-child(4) .artists { color: #666; }

.round-2:hover div li .title { text-shadow:1px 3px #000; }

.round-2:hover div li:nth-child(1)  {  }
.round-2:hover div li:nth-child(2)  {  }
.round-2:hover div li:nth-child(3) * { color: #600; }
.round-2:hover div li:nth-child(4) * { color: #600; }

.round-2:hover div li:nth-child(1) .title { color: #ff3; }
.round-2:hover div li:nth-child(2) .title { color: #ff9; }
.round-2:hover div li:nth-child(3) .title { color: #f33; }
.round-2:hover div li:nth-child(4) .title { color: #f33; }

.round-2:hover div li:nth-child(1) .artists { color: #999; }
.round-2:hover div li:nth-child(2) .artists { color: #999; }
.round-2:hover div li:nth-child(3) .artists { color: #666; }
.round-2:hover div li:nth-child(4) .artists { color: #666; }

.rankings:hover div li .title { text-shadow: 2px 3px #333; }

.rankings:hover li:nth-child(1) .title { color: #ff0; }
.rankings:hover li:nth-child(2) .title { color: #ff4; }
.rankings:hover li:nth-child(3) .title { color: #ff8; }
.rankings:hover li:nth-child(4) .title { color: #ffb; }

.rankings:hover li:nth-child(1) .artists { color: #999; }
.rankings:hover li:nth-child(2) .artists { color: #999; }
.rankings:hover li:nth-child(3) .artists { color: #999; }
.rankings:hover li:nth-child(4) .artists { color: #999; }