* {
    margin: 0; padding 0; box-sizing: border-box;
}

nav {
   border: 4px solid transparent;
   width: 900px;
   min-height: 500px;
   margin: 0 auto;
   position: relative;
   top: 10vh;
}

nav a {
   display: inline-block;
   width: 260px; height: 260px;
   border: 6px solid rgb(230, 173, 213);
   margin: 5px;
   text-decoration: none;
   color:rgb(7, 7, 7);
   font-weight: bold;
   text-align: center;
   line-height: 240px;
   font-size: 200%;
   transition: all 300ms ease-out;
   outline: 4px solid rgb(191, 15, 197);
   outline-offset: -16px;
   text-shadow: 1px 1px 1px rgb(252, 253, 253);
}

nav a:hover {
   background-color:rgb(162, 118, 192);
   color: whitesmoke;
   text-shadow: 1px 1px 1px rgb(8, 8, 8);
}