body {
background: black;
color: white;
}

.wrapper {
width: 92%;
display: block;
}

.center {
margin: 10 auto 10 auto;
padding: 15px;
}

.first {
text-align: center;
width: 100%;
float: left;
border-style: solid;
border-radius: 50px;
border-color: #fc0b03;
box-shadow: 0 0 .2rem #fc0b03,
            0 0 .2rem #fc0b03,
            0 0 2rem #fc0b03,
            0 0 0.8rem #fc0b03,
            0 0 2.8rem #fc0b03,
            inset 0 0 1.3rem #fc0b03;
}

.second {
text-align: center;
width: 100%;
float: left;
border-style: solid;
border-radius: 50px;
border-color: #fc9403;
box-shadow: 0 0 .2rem #fc9403,
            0 0 .2rem #fc9403,
            0 0 2rem #fc9403,
            0 0 0.8rem #fc9403,
            0 0 2.8rem #fc9403,
            inset 0 0 1.3rem #fc9403;
}


.third {
text-align: center;
width: 100%;
float: left;
border-style: solid;
border-radius: 50px;
border-color: #ecfc03;
box-shadow: 0 0 .2rem #ecfc03,
            0 0 .2rem #ecfc03,
            0 0 2rem #ecfc03,
            0 0 0.8rem #ecfc03,
            0 0 2.8rem #ecfc03,
            inset 0 0 1.3rem #ecfc03;
}


.fourth {
text-align: center;
width: 100%;
float: left;
border-style: solid;
border-radius: 50px;
border-color: #30fc03;
box-shadow: 0 0 .2rem #30fc03,
            0 0 .2rem #30fc03,
            0 0 2rem #30fc03,
            0 0 0.8rem #30fc03,
            0 0 2.8rem #30fc03,
            inset 0 0 1.3rem #30fc03;
}


.fifth {
text-align: center;
width: 100%;
float: left;
border-style: solid;
border-radius: 50px;
border-color: #03a9fc;
box-shadow: 0 0 .2rem #03a9fc,
            0 0 .2rem #03a9fc,
            0 0 2rem #03a9fc,
            0 0 0.8rem #03a9fc,
            0 0 2.8rem #03a9fc,
            inset 0 0 1.3rem #03a9fc;
}


.sixth {
text-align: center;
width: 100%;
float: left;
border-style: solid;
border-radius: 50px;
border-color: #1c03fc;
box-shadow: 0 0 .2rem #1c03fc,
            0 0 .2rem #1c03fc,
            0 0 2rem #1c03fc,
            0 0 0.8rem #1c03fc,
            0 0 2.8rem #1c03fc,
            inset 0 0 1.3rem #1c03fc;
}


.seventh {
text-align: center;
width: 100%;
float: left;
border-style: solid;
border-radius: 50px;
border-color: #bc13fe;
box-shadow: 0 0 .2rem #bc13fe,
            0 0 .2rem #bc13fe,
            0 0 2rem #bc13fe,
            0 0 0.8rem #bc13fe,
            0 0 2.8rem #bc13fe,
            inset 0 0 1.3rem #bc13fe;
}


a:link {
color: white;
}

a:visited {
color: white;
}

a:hover {
color: black;
text-shadow: 0 0 .2rem #87f5fb,
0 0 .2rem #87f5fb,
0 0 2rem #87f5fb,
0 0 0.8rem #87f5fb,
0 0 2.8rem #87f5fb;
}

a:active {
color: white;
}