*{margin:0;padding:0;box-sizing:border-box}body{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;position:relative}.board{height:500px;width:350px;background:black;position:relative}.block{height:25px;width:25px;border:1px solid white;position:absolute}.gridBlock{height:25px;width:25px;border:1px solid black;position:absolute}.modal{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:250px;width:500px;position:absolute;top:calc(50% - 125px);left:calc(50% - 250px);background:rgb(225, 225, 225);z-index:2}button{background:black;color:white;border:none;padding:15px 35px;font-size:20px;font-weight:bold;cursor:pointer}button:hover{background:rgb(25, 25, 25)}.scoreboard{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:100px;width:250px;position:absolute;top:0;right:-250px;background:black;color:white;border-left:1px solid white}.scoreboard h1{font-size:20px;text-decoration:underline}.scoreboard p{font-size:25px}.nextBoard{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:250px;width:250px;position:absolute;top:100px;right:-250px;background:black;border-left:1px solid white;border-top:1px solid white;position:absolute}.nextBoard::before{content:"Next";color:white;font-size:20px;text-decoration:underline;font-weight:bold;margin-top:15px}