lixy.css

img {
  justify-content: space-between;
  }
img:hover{
  border: 2px solid black;
}
.center{
  margin-left: auto;
  margin-right: auto;
  width: 48%;
}
.background{
  background-image: linear-gradient(#93a5cf, #e4efe9);
}
h5{
  font-family: : "Times New Roman", Times, serif;
}
.buttons{
  width:300px;
  height: 50px;
  flex-flow: row wrap;
}

button {
    position: absolute;
    width: 200px;
    left: 50%;
    transform: translateX(-50%);
    color: #555;
    background: none;
    border: none;
    font-family: Lato;
    font-size: 20px;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 300;
    transition: background-color 0.3s, color 0.3s;
}

button:hover { font-weight: 600; }
button:hover i { margin-right: 20px; }

button:focus {
    outline: none;
    color: white;
}


.btn-new { top: 45px;}
.btn-roll { top: 403px;}

.dice {
    position: absolute;
    left: 50%;
    top: 178px;
    transform: translateX(-50%);
    height: 100px;
    box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.10);
}

#dice-1 { top: 120px; }
#dice-2 { top: 250px; }

#buttonpage4{
  color: white;
  position:relative;
   transition: .5s ease;
   top: 500px;
   left: 500px;
}
#buttonpage4:hover {background-color: #3e8e41}