/* This is gonna be really choppy.. I hope this works LOLLL */

.body {
  background-color: #000000;
}


.box {
    width: 400px;
    padding: 20px;
    border: 1px solid #ccc;
    color: #ffffff;
    background-color: #030f33;
    text-align: center;
    transition: background-color 0.3s; 
}

.box:hover {
    background-color: #0e286e;
}

.box-link {
    text-decoration: none; 
    display: block; 
}

.parent {
  position: relative; 
}

.box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
}