* {
box-sizing: border-box;
}
body {
margin: 0 auto;
padding: 1rem;
max-width: 580px;
background: whitesmoke;
font-family: Arial, Verdana, sans-serif;
}
a {
text-decoration: none;
}
h1 {
margin: 0;
text-align: center;
}
h1 a {
font-weight: bold;
color: mediumslateblue;
}
h1 a img {
display: block;
margin: 0 auto 10px;
border-radius: 50%;
}
p {
display: none;
padding: 0 1rem;
text-align: center;
}
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
li a {
display: block;
margin: 10px 10px 0;
padding: 1rem;
border: dotted 1px mediumslateblue;
border-radius: 0.5em;
background-color: lavender;
text-align: center;
color: rgb(51,51,51);
}
li span {
display: block;
font-size: small;
font-weight: bold;
color: gold;
}