#leftBat,#rightBat,#ball{position:absolute;color:#fff;background:white;border-radius:10px}#leftBat,#rightBat{width:20px;height:100px}#leftBat span{position:relative;left:40px;opacity:.5}#leftBat span:last-child{position:relative;top:20px}#leftBat span:first-child:before{content:"\2191";position:absolute;top:-20px}#leftBat span:last-child:after{content:"\2193";position:absolute;top:20px;left:0}#leftBat{left:20px;display:grid;grid-template-rows:1fr 1fr;transform:translate(-10px)}#rightBat span{position:relative;left:-40px;opacity:.5}#rightBat span:last-child{position:relative;top:20px}#rightBat span:first-child:before{content:"\2191";position:absolute;top:-20px}#rightBat span:last-child:after{content:"\2193";position:absolute;top:20px;left:0}#rightBat{right:20px;display:grid;grid-template-rows:1fr 1fr;transform:translate(10px)}#ball{width:20px;height:20px;transform:translate(-10px,-10px)}#follow{width:2px;height:2px;right:20px;position:absolute;background:yellow}#leftScore,#rightScore{position:absolute;top:100px;left:50%;font-size:50pt;color:#fff;user-select:none}#leftScore{transform:translate(-100px)}#rightScore{transform:translate(100px)}body{margin:0;height:100vh;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}*,*:before,*:after{box-sizing:border-box}section{min-height:90vh}#hero{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#26004d}#hero svg{width:80vw}#hero svg .letter{fill:none;transition:fill .4s ease}#hero svg .letter.over{fill:#fff}#lines div{margin:100px 0;padding:20px 0;border-top:2px solid black;border-bottom:2px solid black}