*{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}body{padding:0;margin:0}section{height:95vh;display:grid;grid-template:1fr / 2fr auto 2fr}footer{height:5vh;display:flex;justify-content:space-evenly;background-color:#000000bf;color:#fff}.settings{display:flex;flex-direction:column;justify-content:center;align-items:center}.settings button,.settings label{margin-top:2vh}.settings p{color:#666}#game-container{display:flex;flex-direction:column;justify-content:center;align-items:center}#game-board{display:grid;border:solid 2px rgba(0,0,0,.6)}#game-board div{height:2vh;width:2vh;background-color:#000000d9}body.lines #game-board div{border:solid 1px rgba(0,0,0,.6)}#game-screen #game-board div{animation:snakeTrail 2s ease forwards}#game-screen #game-board div[data-isSnake]{transition:background-color .1s ease}#game-screen #game-board div[class]{animation:none}@keyframes snakeTrail{0%{background-color:#000000f2}to{background-color:#000000d9}}#game-board div[class]{background-color:#fff}#game-board div.head{box-shadow:0 0 25px #fff;z-index:10}#game-board div.food{box-shadow:0 0 25px #8cdc8c;background-color:#8cdc8c;z-index:10}#game-board div.poison{background-color:#780078}.score-board,.info-board{display:flex;flex-direction:row;justify-content:space-around}.side-panel,.side-panel span{display:flex;flex-direction:column;justify-content:space-around;align-items:center}#qr-alert p:first-of-type{color:#ff6464}.display-none{display:none}.invisible{opacity:0}.text-center{text-align:center}