nav ul li a {
display: block;
background-image: none;
width: 18rem;
height: 6rem;
border: 0.5rem solid #fff;
border-radius: 1.5px rem 1.px;
color: #fff;
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
line-height: 4.4rem;
font-size: 2.8rem;
margin-bottom: 23px;
text-shadow: 3px 3px 5px #000;
box-shadow: 3px 3px 5px #000;
border-radius: .7px rem .px;
border-radius: 0.9em;
font-weight: bold;
text-align: center;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
background-color: #3E0BB2;
}
nav ul li:nth-child(1) a {
display: block;
background-image: none;
width: 18rem;
height: 6rem;
border-radius: 1.5px rem 1.px;
color: #fff;
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
line-height: 4.4rem;
font-size: 2.8rem;
margin-bottom: 23px;
text-shadow: 3px 3px 5px #000;
box-shadow: 3px 3px 5px #000;
border-radius: .7px rem .px;
border-radius: 0.9em;
font-weight: bold;
text-align: center;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
background: linear-gradient(to bottom, blue, black);
border-top-width: 0.5;
border-right-width: 0.5;
border-bottom-width: 0.5;
border-left-width: 0.5;
border-top-color: #0F0;
border-right-color: #0F0;
border-bottom-color: #0F0;
border-left-color: #0F0;
}
nav ul li:nth-child(2) a {
display: block;
background-image: none;
width: 18rem;
height: 6rem;
border-radius: 1.5px rem 1.px;
color: #fff;
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
line-height: 4.4rem;
font-size: 2.8rem;
margin-bottom: 23px;
text-shadow: 3px 3px 5px #000;
box-shadow: 3px 3px 5px #000;
border-radius: .7px rem .px;
border-radius: 0.9em;
font-weight: bold;
text-align: center;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
background: linear-gradient(to bottom, #FFF, #CB01CB);
border-top-width: 0.5;
border-right-width: 0.5;
border-bottom-width: 0.5;
border-left-width: 0.5;
border-top-color: #F00;
border-right-color: #F00;
border-bottom-color: #F00;
border-left-color: #F00;
}
nav ul li:nth-child(3) a {
display: block;
background-image: none;
width: 18rem;
height: 6rem;
border-radius: 1.5px rem 1.px;
color: #fff;
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
line-height: 4.4rem;
font-size: 2.8rem;
margin-bottom: 23px;
text-shadow: 3px 3px 5px #000;
box-shadow: 3px 3px 5px #000;
border-radius: .7px rem .px;
border-radius: 0.9em;
font-weight: bold;
text-align: center;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
background-color: #00CC00;
background: linear-gradient(to bottom, #00CC00, #030);
border-top-width: 0.5;
border-right-width: 0.5;
border-bottom-width: 0.5;
border-left-width: 0.5;
border-top-color: #FF0;
border-right-color: #FF0;
border-bottom-color: #FF0;
border-left-color: #FF0;
}
nav ul li:nth-child(4) a {
display: block;
background-image: none;
width: 18rem;
height: 6rem;
border-radius: 1.5px rem 1.px;
color: #fff;
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
line-height: 4.4rem;
font-size: 2.8rem;
margin-bottom: 23px;
text-shadow: 3px 3px 5px #000;
box-shadow: 3px 3px 5px #000;
border-radius: .7px rem .px;
border-radius: 0.9em;
font-weight: bold;
text-align: center;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
background: linear-gradient(to bottom, #EBF101, #000);
border-top-width: 0.5;
border-right-width: 0.5;
border-bottom-width: 0.5;
border-left-width: 0.5;
border-top-color: #FFF;
border-right-color: #FFF;
border-bottom-color: #FFF;
border-left-color: #FFF;
}
nav ul li:nth-child(5) a {
display: block;
background-image: none;
width: 18rem;
height: 6rem;
border-radius: 1.5px rem 1.px;
color: #fff;
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
line-height: 4.4rem;
font-size: 2.8rem;
margin-bottom: 23px;
text-shadow: 3px 3px 5px #000;
box-shadow: 3px 3px 5px #000;
border-radius: .7px rem .px;
border-radius: 0.9em;
font-weight: bold;
text-align: center;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
background: linear-gradient(to bottom, #0FF, #333);
border-top-width: 0.5;
border-right-width: 0.5;
border-bottom-width: 0.5;
border-left-width: 0.5;
border-top-color: #FFF;
border-right-color: #FFF;
border-bottom-color: #FFF;
border-left-color: #FFF;
}
nav ul li:nth-child(6) a {
display: block;
background-image: none;
width: 18rem;
height: 6rem;
border-radius: 1.5px rem 1.px;
color: #fff;
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
line-height: 4.4rem;
font-size: 2.8rem;
margin-bottom: 23px;
text-shadow: 3px 3px 5px #000;
box-shadow: 3px 3px 5px #000;
border-radius: .7px rem .px;
border-radius: 0.9em;
font-weight: bold;
text-align: center;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
background: linear-gradient(to bottom, #FFF, #333);
border-top-width: 0.5;
border-right-width: 0.5;
border-bottom-width: 0.5;
border-left-width: 0.5;
border-top-color: #F00;
border-right-color: #F00;
border-bottom-color: #F00;
border-left-color: #F00;
}