body { 
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  display: grid;
  height: 100vh;
  place-items: center;
}



a:link {
  text-decoration: none !important;
  box-shadow: inset 0 0 0 0 #54b3d6;
  color: #54b3d6;
  padding: 0 .25rem;
  margin: 0 -.25rem;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}

a:visited {
  text-decoration: none !important;
}

 a:hover {  
  text-decoration: none !important;
  box-shadow: 0px 3px #ff5500;
  /*box-shadow: 0px 10px #5500ff;*/
  /*box-shadow: inset 1600px 0 0 #ff5500;*/
  /*box-sizing: border-box;
width: 100%;
border: solid #5B6DCD 5px;
padding: 5px;*/
  /*box-sizing: border-box;
width: 100%;
border: solid #113399 5px;
padding: 5px;*/
}

 a:active {
  text-decoration: none !important;
}



img {
    max-width: 100%;
    height: auto;
}

video {
  /* override other styles to make responsive */
  width: 100%    !important;
  height: auto   !important;
}