Template:NavBox/styles.css

.NavBox {

   position:relative;
   display: inline-block;
   height: 140px;
   width: 140px;
   z-index:0;
   border-radius: 4px;

}

.NavBoxImage {

   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   opacity:1;
   z-index:2;
   
   transition:0.3s;

}

.NavBoxImage2 {

   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   opacity:1;
   z-index:1;
   
   transition:0.3s;

}

.NavBox:hover .NavBoxImage {

   opacity:0;

}

.NavBoxLink {

   position: absolute;

width: 100%; bottom:-3px; margin-bottom: 3px; text-align: center; font-size: 16px; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); color:white; z-index:4; }

.NavBoxLink a {

   color:white;
   text-decoration: none;
   transition:0.3s;

}

.NavBox:hover .NavBoxLink a {

   color: #F4F468;

text-decoration: none; }