.fulltop{
  display: grid;
  color: White;
  grid-template-columns: auto 200px 85px auto;
  font-size: 20px;
  grid-template-rows: 30px;
  font-family: sans-serif;
  background-color: #FFFFFF;
}

.submitbutton{
  display: grid;
  color: White;
  padding-top: 25px;
  padding-bottom: 25px;
  grid-template-columns: auto 85px auto;
  grid-template-Rows: 30px;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  font-size: 12px;
  font-family: sans-serif;
}

.timediv{
  text-align: center;
  vertical-align: middle;
  padding-top: 50px;
  border: grey;
  border-width: 2px;
  display: grid;
  font-family: sans-serif;
  grid-template-columns: auto 200px auto;
  font-size: 20px;
}

.loaddiv{
  text-align: center;
  vertical-align: middle;
  padding-top: 25px;
  display: grid;
  font-family: sans-serif;
  grid-template-columns: auto 200px auto;
  font-size: 12px;
}

.end1{
  display: grid;
  grid-template-columns: auto 40px auto;
  border-radius: 0%;
  font-size: 12px;
  font-family: sans-serif;
  background-color: #C5C5C5;
  grid-template-rows: 20px;
}

.PreviousNext{
background-color: #FFFFFF;
border-color: #FFFFFF;
}
.start1{
  text-align: center;
  color: White;
  border-radius: 3px;
  font-size: 12px;
  font-family: sans-serif;
  background-color: #4285F4;
}

.start2{
  text-align: center;
  color: White;
  border-radius: 3px;
  font-size: 12px;
  font-family: sans-serif;
  background-color: #eb4d68;
}

.menu{
  display: grid;
  color: White;
  padding-top: 20px;
  padding-bottom: 50px;
  text-align: center;
  font-size: 20px;
  font-family: sans-serif;
  grid-template-columns: auto 85px 98px 30px 30px 30px 30px 30px 98px 85px auto;
  grid-template-rows: 30px;
  background-color: #FFFFFF;
}
.gridcenter1{
  display: grid;
  grid-template-columns: auto 598px auto;
  grid-template-rows: auto;
  border-color: #FFFFFF;
}
.gridcenter2{
  display: grid;
  grid-template-columns: auto 278px auto;
  grid-template-rows: auto;
  border-color: #FFFFFF;
}
.grid {
  display: grid;
  grid-template-columns: 4px 43px 2px 43px 2px 43px 2px 43px 2px 43px 2px 43px 4px;
  grid-template-rows: 4px 43px 2px 43px 2px 43px 2px 43px 2px 43px 2px 43px 4px;
  border-color: #FFFFFF;
}
.grid2 {
  display: grid;
  grid-template-columns: 2px 20px 1px 20px 1px 20px 1px 20px 1px 20px 1px 20px 2px 20px 2px 20px 1px 20px 1px 20px 1px 20px 1px 20px 1px 20px 2px 20px 2px 20px 1px 20px 1px 20px 1px 20px 1px 20px 1px 20px 2px 20px 2px 20px 1px 20px 1px 20px 1px 20px 1px 20px 1px 20px 2px;
  grid-template-rows: 2px 20px 1px 20px 1px 20px 1px 20px 1px 20px 1px 20px 2px;
  border-color: #FFFFFF;
  padding: 10px;
}
Button {
  background-color: white;
  border-color: White;
  border-collapse: collapse;
  border-radius: 50%;
  border-style: solid;
  border-width: .05px;

}
Button:hover {
  border-color: #F2F3F3;
  border-width: small;
}
button:active {
  outline: none;
  border: none;
}
button:focus {outline:0;}

.realgrey {
  background-color: #C5C5C5;
}

.grey {
  background-color: #C5C5C5;
}
.black {
    background-color: #000000;
}
.white{
  background-color: #FFFFFF;
}
.controlbutton {
  font-size: 100px;
}
.bord{
    background-color: #D1D1D1;
}
.puzzleselect{
    background-color: #FFFFFF;
    font-family: sans-serif;
}
.puzzleselect:hover{
  background-color: #FFFFFF;
}