html {
    display: flex;
     justify-content: center;
     align-items: center;
     height: 100%;
     background-color: #000000;
   }
   
   /* Styles for the tilt block */
   #cube {
     display: block;
     height: 350px;
     width: 350px;
     background-color: #28272c;
     margin: 0 auto;
     transition: box-shadow 0.1s, transform 0.1s;
     
     /*
       * Adding image to the background
       * No relation to the hover effect.
       */
     background-image: url(../img/djrokam.jpg);
     background-size: 100%;
     background-repeat: no-repeat;
   }
   
   #cube:hover {
     box-shadow: 0px 0px 30px rgba(0,0,0, 0.6);
     cursor: pointer;
   }