/* Author: John Sims
Assignment: Project 3: Fifteen Puzzle
Date: 29 MAR 2024
Summary: This is the CSS file for the fifteen puzzle game.
*/

body {
  font-family: cursive;
  font-size: 14pt;
  text-align: center;
}

#puzzlearea {
  width: 400px;
  height: 400px;
  position: relative;
  margin: 0 auto;
}

#puzzlearea div {
  width: 100px;
  height: 100px;
  font-size: 40pt;
  border: 5px solid;
  position: absolute;
  background-image: url("background.jpg");
  box-sizing: border-box;
}

#shufflebutton {
  font-family: cursive;
  font-size: 14pt;
}

.movable:hover {
  border-color: red;
  color: red;
}